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

Question

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

HTML：

<div *ngFor="let hero of heros">
 <div>number of heros are {{hero.length}}</div>
</div>

JSON：

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

Answer 1

您应该使用heros.length而不需要ngFor

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

Answer 2

阵列的长度是＆＃39; heros＆＃39;而不是英雄＆＃39;。 另一件事是你应该将它移出* ngfor范围，在这个范围内，你可以绑定到name和id属性的英雄对象。