Javascript 如何显示从*ngFor循环角度6生成的类似结果的计数？

我有一个get请求，它通过*ngFor循环在视图中显示一个对象数组。我似乎不知道如何得到下面想要的结果。这是一个非常基本的例子，让你了解我正在努力实现的目标

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

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

Bill [2]
John [1]

如果您有任何建议，我们将不胜感激。

然后在您的循环中使用它们：

---

您可以根据当前数据创建新的数据结构，计算名称的可见时间：

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

const count = {};
data.forEach(d => {
    count[d.name] = count[d.name] + 1 || 1;
});

console.log(count);

输出：

{ Bill: 2, John: 1 }

---

您应该可以在那里显示姓名和计数。

非常感谢！