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 將被設定為一個布林值,指示此項是否具有奇數索引。