Angular2我可以获得ngFor的计数吗？

Question

您好我正在使用ngFor循环json字符串但是是否可以显示循环项目的数量而不是显示其值？

例如在我的组件中我有

items = {item1, item2, item3, item4}

和html模板

<p *ngFor="let i of items>{{i}}</p>

然后结果将是

item1
item2
item3
item4

但不是这样，因为对象中有四个项目，我想显示数字4（对象中的项目数）。

 4

我怎样才能做到这一点？

谢谢！

Answer 1

这将显示每次迭代的数字：

<p *ngFor="let i of items>{{ items?.length }}</p>

Answer 2

您不需要循环Json字符串，只需使用length属性。

TS代码：

 items: string[] = ['item1', 'item2', 'item3'];

在Html中使用它：

{{items.length}}