如何使用Angularjs的ng-repeat复选框过滤表格 [英] How to filter through a table using ng-repeat checkboxes with Angularjs

查看：19
本文介绍了如何使用Angularjs的ng-repeat复选框过滤表格的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

曾几何时，这可行，但不知何故它坏了.我希望能够使用 ng-repeat 生成复选框，以根据存储的数据获取所需数量的复选框，并使用这些来过滤生成的表格.

此外，我不希望重复复选框的相同值.

我已经用代码制作了一个 plnkr.

<label data-ng-repeat="x 在项目中"><输入类型=复选框"data-ng-true-value="{{x.b}}"数据-ng-false-value=''ng-model="quer[queryBy]"/>{{x.b}}

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

总结一下.

  1. 用于过滤Ref的复选框.

  2. 复选框是唯一的.

  3. 基于 ng-repeat 使用 Ref 生成的复选框.

解决方案

好的，这是怎么做的.

首先，让我们添加几行 CSS 以确保所有复选框都可见: