栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何检查是否在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/



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/616268.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号