* ngFor中的輸入無法順利輸入Angular 2

Question

下面的鏈接是示例代碼。

https://plnkr.co/edit/xmWMm0yjFemdXQzZpJad?p=preview

我有一個對象（測試），其包含多個陣列（test.arr）。

<div *ngFor="let v of test.arr; let i = index"> 
    <input [(ngModel)]="test.arr[i]" type="text"> 
</div> 

一旦我輸入了一些東西，它會丟失焦點。

順便說一句，之所以使用test.arr[i]，而不是V，看到「Cannot assign to a reference or variable!」

Answer 1

Plunker example

如果使用*ngFor與原始值number，string，......你需要採取關心Angular能夠追蹤身份。

您可以使用自定義功能trackBy像：

<div *ngFor="let v of test.arr; let i = index;trackBy:trackByIdx"> 

trackByIdx(index, val) { 
    return index; 
}