* ngFor中的Angular 2函數表達式

Question

我需要在* ngFor中使用這樣的函數表達式，

<select>
  <option *ngFor="let item of getItems(someValue)">
  ..........
  </option>
</select>

使用類似getItems（someValue）的函數時是否存在任何問題，在該函數中我基於“ someValue”獲取項目。 這種方法可以嗎？還是應該使用其他方式？

Answer 1

建議您在綁定到UI時不要直接使用功能，因為這些功能將在每次更改檢測生命周期運行時運行，這可能會導致性能下降。

Answer 2

* ngFor僅應用於與組件中聲明的數組綁定。 如果此數組隨時間變化，那是可以的，因為Angular知道何時根據變量重新繪制視圖。

您可以在組件中執行以下操作：

public items: YourObject[];

您可以在構造函數或任何其他位置分配值：

constructor(){
  this.items = this.getItems(someValue);
}

然后像這樣在* ngFor中使用它： let item of items