我有以下ngFor
循環:角2:使用ngIf內ngFor不工作
<div *ngFor="let variety of varieties; let i=index">
<div class="varietyTypeName">
{{variety.VarietyTypeName}}
</div>
</div
打印出以下幾點:
Greens
Greens
Greens
Fruits
我想它不打印重複的,因此代替(在這種情況下),我想打印出來:
Greens
Fruits
The VarietyTypeNames
將始終在數組中組合在一起,因此如果有多個Greens,它們將總是一個接一個。我可以在循環中使用ngIf
,基本上只是告訴它只顯示VarietyTypeName
,如果它不等於之前的VarietyTypeName
?
我試着實現下面的邏輯,但我得到一個錯誤。我究竟做錯了什麼?
<div *ngFor="let variety of varieties; let i=index">
<div *ngIf="variety[i].VarietyTypeName != variety[i - 1].VarietyTypeName" class="varietyTypeName">
{{variety.VarietyTypeName}}
</div>
</div
以下是錯誤消息:
無法讀取的不確定
我認爲@Gunter是正確的。你正在使用'讓各種各樣的品種',但你把它混淆爲C風格的循環。這裏你不需要索引,但是如果你想使用它,那麼應該使用'variety [i]',因爲後者是你的集合,而前者是集合中的一個對象。 –