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 将被设置为一个布尔值,指示此项是否具有奇数索引。