*ngFor 中的输入不能顺利打字Angular 2

Question

下面link是示例代码。

我有一个对象(test)，其中包含一个数字数组(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

如果您使用具有原始值 number、string 的 *ngFor，...您需要注意 Angular 能够跟踪身份。

您可以使用自定义 trackBy 函数，例如：

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

trackByIdx(index, val) {
  return index;
}

Input in *ngFor can not type smoothly Angular 2