输入字段无法代替ngFor正常工作

Question

用户在给定输入字段中输入的值仅显示一个字母。谁能帮忙。

https://stackblitz.com/edit/angular-8kpyxt?file=src%2Fapp%2Fapp.component.html

Answer 1

使用 trackBy

  

trackBy函数将索引和当前项目作为参数   并需要返回该商品的唯一标识符

component.html

<div class="form-group" *ngFor="let Type of type.headings;trackBy: cmpare;let i=index">
<label>Heading{{i+1}}</label>
<input type="text" class="form-control" [name]="'name1_'+i" [(ngModel)]="type.headings[i]">
</div>

component.ts

cmpare(index) {
  return index;
}

示例：https://stackblitz.com/edit/angular-uwfphr 参考：https://angular.io/api/common/NgForOf#change-propagation