模板中的过滤器数组Angular2

Question

我正在试图制作简单的模板，但遇到了小问题。我想在我的待办事项列表中打印未完成任务的数量，但无法在模板内对其进行过滤。我有这样的：

<span class="todo-count"><strong>{{todos.length}}</strong> left</span> 

但我想筛选此待办事项来算只是有状态已完成设置为false的：

<span class="todo-count"><strong>{{todos.filter(t => !t.complete).length}}</strong> left</span> 

但是，这是行不通的。我怎样才能做到这一点？

Answer 1

让它它适用你标准的函数：

<span class="todo-count"><strong>{{filterValue()}}</strong> left</span> 

而在你的控制器

 filterValue() : number 
     { 
      return todos.filter(...); 
     } 

Answer 2

我对这些问题使用lodash。

您可以像这样安装... https://medium.com/@gtsopour/importing-lodash-into-angular-2-typescript-application-94590365f46d#.bsepr3agd

然后用它的过滤功能，在视图中的滤镜阵列... https://lodash.com/docs/4.17.4#filter