我试图根据布尔属性的值过滤一些列表项,但无论我做什么,整个列表都会显示。我尝试过的一些东西已经损坏,没有任何显示,但这既不在这里也不在那里。我无法让我的过滤按预期工作:
$scope.attendees = [
{"firstname":"Steve", "lastname":"Jobs", "arrived":true, "id":1}
,{"firstname":"Michelle", "lastname":"Jobs", "arrived":false, "id":2}
,{"firstname":"Adam", "lastname":"Smith", "arrived":true, "id":3}
,{"firstname":"Megan", "lastname":"Smith", "arrived":false, "id":4}
,{"firstname":"Dylan", "lastname":"Smith", "arrived":false, "id":5}
,{"firstname":"Ethan", "lastname":"Smith", "arrived":false, "id":6}
];
使用以下 ng-repeat 过滤:
<ul>
<li ng-repeat="person in attendees track by person.id | filter:arrived:'false'">
{{person.lastname}}, {{person.firstname}}
</li>
</ul>
我觉得我已经尝试了所有我能找到的参考排列,其中大部分来自各种 StackOverflow 搜索结果:
filter:'arrived'
filter:arrived
filter:'person.arrived'
filter:person.arrived
filter:{arrived:true}
filter:{arrived:'true'}
filter:{person.arrived:true}
filter:{person.arrived:'true'}
我还尝试创建自定义过滤器函数:
$scope.isArrived = function(item) {
return item.arrived;
};
并这样应用它:
filter:isArrived
filter:'isArrived'
filter:{isArrived(person)}
filter:isArrived(person)
filter:'isArrived(person)'
这些似乎都不起作用。我缺少什么?
这是一个 plnkr 演示了我的问题 http://plnkr.co/edit/gitKALVXwFoQEe2RR7R6?p=preview.