在 AngularJS 模板中过滤嵌套列表并获取过滤数据的计数

Question

是否可以使用 AngularJS 过滤嵌套列表并计算过滤后的嵌套项返回的数量？

目标是通过read:true过滤每个项目。

这是数据：

guest = [
  {"id":148,"guest":2,"user":1,"read":true},
  {"id":147,"guest":2,"user":1,"read":false},
  {"id":58,"guest":2,"user":1,"read":false}
]

这个数组叫做guest，数组中的每一项都是message。

模板过滤器语法会变成这样吗？

{{ (for m in guest.messages | filter: m.read: true).length }}

这里的关键是这个不使用ng-repeat。关于如何使用 ng-repeat 执行此操作的答案有很多，但在单个语句中过滤嵌套列表时却没有。

这在template 中是否可行，或者可能唯一的方法是在controller 中？

提前致谢

Answer 1

从视图中代码可读性的角度来看，一个简单的自定义过滤器可能是最好的

app.filter('numRead', function(){
   return function(guestArr){
     return guestArr.filter(function(guest){
       return guest.read;
     }).length
   }      
});

用法：

Read count = {{guest| numRead}}

DEMO