是否有任何功能或一些东西来检查是否有任何显示的复选框被检查?
我通过ng-click =“function()”获取值,并传递值。如果有任何值,我可以步行去检查我的数组。
I want to activate/deactivate the “next”-button if any CheckBox is
checked.
最简单的方法是什么?
你可以这样做:
@H_301_14@function ChckbxsCtrl($scope,$filter) {
$scope.chkbxs = [{
label: "Led Zeppelin",val: false
},{
label: "Electric Light Orchestra",{
label: "Mark Almond",val: false
}];
$scope.$watch("chkbxs",function(n,o) {
var trues = $filter("filter")(n,{
val: true
});
$scope.flag = trues.length;
},true);
}
原文链接:https://www.f2er.com/angularjs/144897.html和一个模板:
@H_301_14@<div ng-controller="ChckbxsCtrl"> <div ng-repeat="chk in chkbxs"> <input type="checkBox" 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()方法,如:
@H_301_14@$scope.bandChoosed = function() { var trues = $filter("filter")($scope.chkbxs,{ val: true }); return trues.length; }在模板中做:
@H_301_14@<div ng-show="bandChoosed()">I'm ON when band choosed</div>