javascript - 如何过滤空字符串值的 ng-repeat 列表？

Question

如何过滤 ng-repeat 以显示特定列字段为空字符串的所有项目？当我尝试这个时，它似乎总是给出完整的列表。我只想见 id 为 1 的人。

Fiddlejs example

Controller :

var people = [{
                name: '',
                age: 32,
                id: 1
            }, {
                name: 'Jonny',
                age: 34,
                id: 2
            }, {
                name: 'Blake',
                age: 28,
                id: 3
            }, {
                name: 'David',
                age: 35,
                id: 4
            }];

 $scope.filteredPeople = $filter('filter')(people, {
     name: ''
 });

 $scope.people = people.slice(0);

查看:

<li ng-repeat="p in filteredPeople">
     <h4>{{p.name}} ({{p.age}}) id: {{p.id}}</h4>
</li>

Answer 1

您可以在 'ng-repeat' 中使用 Angular 的 'filter':

// In template:
<li ng-repeat="p in filteredPeople | filter : filterPeople">
     <h4>{{p.name}} ({{p.age}}) id: {{p.id}}</h4>
</li>

// In controller:
$scope.filterPeople = function(item) {
    return !item.name;
};