AngularJs复选框函数



当复选框的值为true时,我想将背景色更改为浅蓝色,当值为false时,我希望将背景色改回正常。

<tr ng-repeat="item in rows | filter:search" ng-class="{'selected':$index == selectedRow}">

我的复选框:

<td><input type="checkbox" ng-click="setClickedRow($index)"></td>

我的功能:

$scope.selected = null;  
$scope.setClickedRow = function(index){  
    $scope.selectedRow = index;
}

这里有一个带有示例的plunker:http://plnkr.co/edit/CHB65fe6Bsd3PdjWjoT4?p=preview

这是表格:

<table style="width:100%">
<tr ng-repeat="item in rows | filter:search" ng-class="{'selected': item.selected}">
  <td>
    <input type="checkbox" ng-model= "item.selected" ng-click="setClickedRow($index)">
  </td>
</tr>
</table>

最新更新