当复选框的值为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>