模板中的過濾器數組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