编辑值时输入失去焦点。使用ngFor和ngModel。角度5

Question

我有一个简单的列表，它双向绑定了hero.component.ts中的参数hero。

尽管当我开始在输入字段中输入内容时，它会失去焦点，因此我必须再次单击它。为了允许用户编辑输入值而输入字段不会丢失目标，我应该怎么做？

 <li *ngFor="let power of hero.powers; let i = index">
      <input [(ngModel)]="hero.powers[i]"/>
 </li>

Answer 1

使用angular的trackBy函数可解决此问题。

现场例子展示它