输入* 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>

输入后输入内容时，它将失去焦点。

BTW，使用test.arr[i]而不是v的原因，请参阅 ＆＃34; Cannot assign to a reference or variable!＆＃34;

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;
}