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 字符串，只需使用长度 属性。

TS代码：

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

里面Html使用它：

{{items.length}}