Angular 角度：显示HTML上对象数组的长度

我必须在HTML页面上显示数组的长度，但它不显示任何内容。我甚至没有在控制台中得到任何错误。请指导如何获得英雄的总数

HTML:

---

您应该使用

heros.length

，并且不需要

ngFor

 <div>number of heros are {{heros.length}}</div>

英雄的数量为{{heros.length}

数组的长度是“heros”而不是“hero”。 另一件事是，您应该将它移出*ngfor范围，在这个范围中有一个可以绑定到name和id属性的hero对象

"heros":[
{
"name":"batman",
"id":"A1001"
},
{
"name":"superman",
"id":"A1002"
},
{
"name":"spiderman",
"id":"A1003"
}
]

 <div>number of heros are {{heros.length}}</div>