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

你不需要使用*ngFor你可以使用它像這樣

<p >{{items.length}}</p> 

，如果你想通過數組循環你必須以這樣的數組形式傳遞這些數據。

items = [ 
    { "item1": "item1" }, 
    { "item2": "item2" }, 
    { "item3": "item3" }, 
    { "item4": "item4" }] 

循環它，就像你在你的問題所做的一樣。

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

Answer 3

你不需要循環你的Json字符串，只需要使用length屬性。

TS代碼：

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

內的HTML使用它：

{{items.length}}