是否有任何功能或NG- 的东西 ,以检查是否有任何显示的复选框的检查?
我通过 ng-click =“ function()” 获得值,并将值传递给。我可以步行检查一下数组是否里面有值。
如果选中任何复选框,我想激活/禁用“下一步”按钮。
最简单的方法是什么?
您可以执行以下操作:
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="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()方法采取一些不同的方式,例如:
$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/