javascript - 如何显示从 *ngFor Loop Angular 6 生成的类似结果的计数？

Question

我有一个 get 请求，它通过 *ngFor 循环在视图中显示一组对象。我似乎无法弄清楚如何在下面获得所需的结果。这是一个非常基本的示例，可以让您了解我想要实现的目标。

data = [
    {
   "name": "Bill",
   "job" : "Builder"
 },
 {
   "name": "John",
   "job":  "Cook"
 },
 {
   "name": "Bill",
   "job" : "Builder"
 }
]

然后，当创建 *ngFor 循环时，我希望能够显示如下内容：

Bill [2]
John [1]

任何建议将不胜感激。

标签： javascriptarraysangularcount

Answer 1

对结果进行分组，然后在循环中使用它们：

小提琴