NgFor - 迴圈標記
該 NgFor 指令從迭代每個專案一次例項化一個模板。每個例項化模板的上下文都從外部上下文繼承,給定的迴圈變數設定為 iterable 中的當前項。
要自定義預設跟蹤演算法,NgFor 支援 trackBy 選項。 trackBy 採用一個有兩個引數的函式:index 和 item。如果給出了 trackBy ,則 Angular 跟蹤會根據函式的返回值進行更改。
<li *ngFor="let item of items; let i = index; trackBy: trackByFn">
{{i}} - {{item.name}}
</li>
附加選項 :NgFor 提供了幾個可以別名為區域性變數的匯出值:
- index 將設定為每個模板上下文的當前迴圈迭代。
- first 將被設定為一個布林值,指示該項是否是迭代中的第一個。
- last 將被設定為一個布林值,指示該項是否是迭代中的最後一項。
- even 將被設定為一個布林值,指示此項是否具有偶數索引。
- odd 將被設定為一個布林值,指示此項是否具有奇數索引。