Angular ngModel始终将最后一项复制到表中的所有字段
我有这个数组我试图显示在我的模板,不知怎的,它只是不能正确显示。如果我做[value],它会给我正确的值,但是ofc。不绑定到数组和值 数组:Angular ngModel始终将最后一项复制到表中的所有字段,angular,Angular,我有这个数组我试图显示在我的模板,不知怎的,它只是不能正确显示。如果我做[value],它会给我正确的值,但是ofc。不绑定到数组和值 数组: {"pluNo":1,"pluName":"Smirnoff 2cl","pluDepartment":"VODKA","pluPrice":2000}, {"pluNo":2,"pluName":"Smirnoff 4cl lala","pluDepartment":"VODKA","pluPrice":4000}, {"pluNo":3,"pluNa
{"pluNo":1,"pluName":"Smirnoff 2cl","pluDepartment":"VODKA","pluPrice":2000},
{"pluNo":2,"pluName":"Smirnoff 4cl lala","pluDepartment":"VODKA","pluPrice":4000},
{"pluNo":3,"pluName":"Jack D 2cl","pluDepartment":"Whiskey","pluPrice":2200},
{"pluNo":4,"pluName":"Smirnoff 4cl","pluDepartment":"VODKA","pluPrice":4000},
{"pluNo":5,"pluName":"Rom","pluDepartment":"Rom","pluPrice":2500},
{"pluNo":6,"pluName":"Rom 4cl","pluDepartment":"Rom","pluPrice":5000}
这是我的表格主体,PLU编号打印正确,只有其他字段设置为列表的最后一项
<tbody>
<tr *ngFor="let item of products; let i = index">
<td scope="row">
{{item.pluNo}}
</td>
<td>
<input type="text" [(ngModel)]="item.pluName" name="plu" class="form-control m-input" placeholder="" value="">
</td>
<td>
<input type="text" [(ngModel)]="item.pluDepartment" name="pluDepartment" class="form-control m-input" placeholder="" value="">
</td>
<td>
<input type="number" [(ngModel)]="item.pluPrice" name="pluPrice" class="form-control m-input" placeholder="">
</td>
<td>
<button (click)="deletePluItem(item)">Delete</button>
</td>
</tr>
</tbody>
{{item.pluNo}
删除
您只需为所有输入提供不同的名称
将name=“plu”
更改为name=“plu{{i}}”
检查后,您将了解该问题,然后对所有输入进行更改。显示(例如)pluName的所有输入都具有相同的名称。他们不应该。谢谢,伙计,这当然有道理。我不管用,就把这句话留在这里作为一句忠告:行不通。这将导致angular设置所有输入的最后一个值