如何检查是否在Angular中选中了任何复选框

如何检查是否在Angular中选中了任何复选框

您可以执行以下 *** 作：

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.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/