在HTML中为复选框绑定一个ng-model指令,用于在控制器中处理复选框的值。
过滤
在表格中使用ng-repeat指令创建一个表格行,并使用ng-show指令根据复选框的值来筛选数据。
在控制器中初始化数据,并在需要时更新isChecked的值。
app.controller('myController', function($scope) { $scope.dataSet = [ {field: 'value'}, {field: 'other'}, {field: 'value'} ];
$scope.isChecked = false;
});
(可选)使用Angular的$filter过滤器来对数据进行更高级的筛选,并将结果绑定到表格。
app.controller('myController', function($scope, $filter) { $scope.dataSet = [ {field: 'value'}, {field: 'other'}, {field: 'value'} ];
$scope.isChecked = false;
$scope.filteredData = $filter('filter')($scope.dataSet, function(data) {
return (isChecked) ? data.field === 'value' : true;
});
});