通过按特定键单击复选框筛选器 angular

Question

我有这种对象数组：

 $scope.instList= [
      {date:'06-11-2015', 25Code : '0', state: 'true', id : 21},
      {date:'15-11-2015', 25Code : '1', state: 'true', id : 22},
      {date:'24-11-2015', 25Code : '1', state: 'true', id : 23},
      {date:'28-12-2015', 25Code : '1, state: 'true', id : 24},
      {date:'28-12-2016', 25Code : '0', state: 'false', id : 241},
      {date:'28-12-2017', 25Code : '0', state: 'false',  id : 2432},
      {date:'28-11-2015', 25Code : '1', state: 'false',id : 2342},
      {date:'28-11-2017', 25Code : '0', state: 'false', id : 2443},
      {date:'28-11-2016', 25Code : '1', state: 'false', id : 2243},
      {date:'28-11-2016', 25Code : '0', state: 'false',id : 2242},


 ];

我有 ng-repeat 显示我的所有数据，我的问题是如何使用 ng-repeat 创建此块之外的复选框及其目的是过滤和显示仅包含的更新数据：25Code： '1'。例如：

<input type="checkbox" ng-model="">
<ul>
  <li class="active" ng-repeat="row in instList">
  <div ng-bind="row.date"></div>
  </li>
  <li class="active" ng-repeat="row in instList">
  <div ng-bind="row.date">
  </div>
  </li>

Answer 1

您可以使用过滤器通过 ng-repeat 中的属性进行过滤，因为首先指定复选框的 ng-true-value 和 ng-false 值

<input type="checkbox" ng-model="filterCode" ng-true-value="1" ng-false-value="">

并在您的 ng-repeat

中按 25code 过滤

<input type="checkbox" ng-model="filterCode" ng-true-value="1" ng-false-value="">
<ul>
  <li class="active" ng-repeat="row in instList |filter: { Code: filterCode}">
  <div ng-bind="row.date"></div>
  </li>
</ul>

Demo

通过按特定键单击复选框筛选器 angular

by clicking on checkbox filter by specific key angular

arrays

checkbox

filter

angularjs

angularjs-ng-repeat