您可以执行以下操作:
function ChckbxsCtrl($scope, $filter) {
$scope.chkbxs = [{
label: "Led Zeppelin",
val: false
}, {
label: "Electric Light Orchestra",
val: false
}, {
label: "Mark Almond",
val: false
}];
$scope.$watch("chkbxs", function(n, o) {
var trues = $filter("filter")(n, {
val: true
});
$scope.flag = trues.length;
}, true);
}
和一个模板:
<div ng-controller="ChckbxsCtrl">
<div ng-repeat="chk in chkbxs">
<input type="check@R_181_2419@" ng-model="chk.val" />
<label>{{chk.label}}</label>
</div>
<div ng-show="flag">I'm ON when band choosed</div>
</div>
工作:http://jsfiddle.net/cherniv/JBwmA/
或者,您可以不使用$scope
的$watch()
方法采取一些不同的方式,例如:
$scope.bandChoosed = function() {
var trues = $filter("filter")($scope.chkbxs, {
val: true
});
return trues.length;
}
并在模板中执行以下操作:
<div ng-show="bandChoosed()">I'm ON when band choosed</div>
jsfiddle:http ://jsfiddle.net/uzs4sgnp/