特定字段上的 ng-repeat 过滤器

【问题标题】：ng-repeat filter on certain field特定字段上的 ng-repeat 过滤器
【发布时间】：2016-01-08 18:11:11
【问题描述】：

我有如下数据：

[
 { id: 1, name: 'test', point: '2000' }, 
 { id: 2, name: 'bob', point: '1000' },
 { id: 3, name: 'hello', point: '3000' },
 { id: 4, name: 'xx', point: '4000' },
 { id: 5, name: 'zz', point: '1000' },
 { id: 2, name: 'fad', point: '1000' }
]

如何动态而不是静态地按不同点过滤：

<div ng-repeat="item in items | filter: { point: '1000' }"> 
<div ng-repeat="item in items | filter: { point: '2000' }">

【问题讨论】：

标签： angularjs filter ionic ng-repeat

【解决方案1】：

您可以在范围内创建一个点对象并在控制器中更新它，而不是使用静态值来代替范围对象。

代码相同：

控制器：

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.items = [
 { id: 1, name: 'test', point: '2000' }, 
 { id: 2, name: 'bob', point: '1000' },
 { id: 3, name: 'hello', point: '3000' },
 { id: 4, name: 'xx', point: '4000' },
 { id: 5, name: 'zz', point: '1000' },
 { id: 2, name: 'fad', point: '1000' }
]
$scope.pointToBeFiltered = '3000';
});

HTML：

 <body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
    <div ng-repeat="item in items | filter: { point: pointToBeFiltered }">{{item}}</div> 
  </body>

Working Plnkr

【讨论】：