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