输入在编辑值时失去焦点。使用ngFor和ngModel。 Angular5

Question

我有一个简单的列表，可以双向绑定到 hero.component.ts 中的参数英雄。

虽然当我开始输入输入字段时会失去焦点，我必须再次点击它。为了让用户在没有输入字段丢失目标的情况下编辑输入值，我该怎么办？

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

Answer 1

使用angularBy函数修正问题。

live example showing it

Answer 2

您是否尝试在ngFor中使用trackBy:trackByFn，通过使用它来阻止角度来重新创建您的DOM并且它会跟踪更改

请参阅本教程here