5.1.3 - *ngFor

• 遍历数据生成HTML结构 ```typescript interface List { id: number name: string age: number }

list: List[] = [ { id: 1, name: “张三”, age: 20 }, { id: 2, name: “李四”, age: 30 } ]

<a name="QxNcM"></a>
### *ngFor 参数
```typescript
<li
    *ngFor="
      let item of list;
      let i = index;
      let isEven = even;
      let isOdd = odd;
      let isFirst = first;
      let isLast = last;
    "
  >
</li>
// let item of list         遍历数组
// let i = index                索引
// let isEven = even      当前奇数行
// let isOdd = odd            当前偶数行
// let isFirst = first    当前第一行
// let isLast = last        当前最后一行

函数方法中获取 *ngFor 参数的参数，使用 trackBy

<li *ngFor="let item of list; trackBy: identify"></li>
identify(index, item){
    return item.id; 
}