如何从模板中获取与Angular中数组中的属性匹配的对象数？

Question

假设我有以下数组“ myarr”：

[
{'name':'Mary', 'chapter':'Chapter 1'},
{'name':'Joseph', 'chapter':'Chapter 1'},
{'name':'John', 'chapter':'Chapter 2'},
{'name':'Carl', 'chapter':'Chapter 3'},
{'name':'Jacob', 'chapter':'Chapter 3'}
]

我想计算该数组中标题中带有“第1章”的对象的数量。有没有办法在HTML模板中以angular的方式做到这一点？

现在我从模板中调用一个函数，如下所示：

{{countNumOf('Chapter 1')}}
{{countNumOf('Chapter 2')}}

使用处理.ts中计数的函数...是否有更聪明的方法来执行此操作，因此我不必在.ts中编写额外的函数？

Answer 1

如果您可以使用 es6，这是最短的方法：

.then

或者没有条件，比如只获取对象的数量：

undefined