如何在 angular 4 中正確地將數組與 ngModel 綁定？

Question

假設我有一個數組 [1,2,3]。 我想迭代所有項目並將每個項目綁定到 ngModel。 當我在更改第一個元素后運行此代碼時，第二個元素獲得相同的值。 有什么問題？

<div *ngFor="let x of array; let i = index;">
    <input type="number" [(ngModel)]="x[i]">
</div>

Answer 1

ngFor默認使用對象標識來比較值，這在使用原始值（數字、字符串、布爾值）時會中斷，因為它們在修改時會更改標識）。 使用trackBy允許將 ngFor 配置為 zse 索引而不是身份：

<div *ngFor="let x of array; let i = index;trackBy:trackByIdx">
    <input type="number" [(ngModel)]="array[i]">
</div>

trackByIdx(index: number, obj: any): any {
  return index;
}