当输入字段重复且重复数组对象内的属性用于 [(ngModel)] 时，ngModel 不起作用

Question

我实际上是在重复一个 mat 输入字段，然后我编写了 [(ngModel)]，其中数组中对象的属性名称作为 [(ngModel)] 的值

例如，这是我拥有的对象数组：

test = [{name: 'Harish'},{name: 'Pushpa'}]

所以在 html 中我重复了这个数组，如下所示：

 <mat-form-field class="example-full-width" *ngFor="let i of test"> 
<input  matInput placeholder="Favorite food" [(ngModel)]='i.name' name='trtrtrtrt'>


</mat-form-field>

但它显示所有输入字段的值作为数组中最后一个元素的名称

这是我遇到的问题的工作原理。

Answer 1

不同的input应该有不同的name属性。

<mat-form-field class="example-full-width" *ngFor="let i of test"> 
    <input  matInput placeholder="Favorite food" [(ngModel)]='i.name' [name]='i.name'>
</mat-form-field>

你可以在plunker中找到结果