简洁高效的Angular最佳实践细节

1、trackBy

当使用ngFor循环模板中的数组时，将其与trackBy函数一起使用，该函数将为每个项返回唯一标识符。

当数组更改时，Angular会重新呈现整个DOM树。如果你使用trackBy，Angular将知道哪个元素已经改变，并且只会对该特定元素进行DOM更改。

例如：

<li *ngFor=“let item of items”> {
  {item}} </li>

优化为：

//在模板中
<li *ngFor=“let item of items; trackBy：trackByFn”> {
  {item}} </li> 
//在组件
trackByFn（index，item）中{     
   return item.id; 对应项目唯一的ID 
}

2、async

避免从组件订阅observa