javascript - Angular 检查的行数?

标签 javascript angularjs

我有一个包含项目和复选框的列表,并且想要返回选中的行数。我的指令如下所示:

<ul ng-repeat="person in list">
    <li>
        <input type="checkbox" ng-model="selected" >
        <label ng-class="{blue:list.length>3,red:list.length<=3}"> {{person.name}}</label>
    </li>
</ul>

显示已检查人员编号的 Angular 方式是什么?

http://plnkr.co/edit/jJrH44?p=preview

最佳答案

http://plnkr.co/edit/5HzZA23D0P78nEzvmUpf?p=preview

 number of checked lines:<span>{{ (list| filter:{selected:true}).length }}</span>

但您应该将列表模板更改为

  <input type="checkbox" ng-model="person.selected" >

链接复选框和模型值

关于javascript - Angular 检查的行数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22727461/

相关文章:

javascript - AngularJS 压缩 $http 发布数据

javascript - express.js 中间件中的空参数对象

javascript - 如何在 JS/JQuery 中迭代 Xpath

javascript - 如何重置 jquery (select2) 中的下拉框?

javascript - 我有一个 onClick angularjs 函数有一个 for 循环,在第一次点击时不起作用

javascript - AngularJS 中的思考 : characters/tags embedded within text getting mangled

javascript - 在自定义框模式中滚动到​​顶部

javascript - 插入 HTML 的 React 代码似乎不起作用

javascript - 将值插入 JavaScript 文件模板并生成新文件

angularjs - 如何使用 Smart-Table 提高 ng-repeat 性能?