如何将html中的元素值列表绑定到Angular5中的对象数组

由于

[（ngModel）]

，您可以将html中元素的值绑定到angulare5中组件中的字段

问题陈述
有一个以html格式显示在网格中的对象列表。像这样：

<tr *ngFor="let entity of objectList;">
    <td> <input type="text" value="entity.name"></td>
    <td> <input type="text" value="entity.code"></td>
    <td> <input type="text" value="entity.itemName"></td>
</tr>
<tr>
      <input type="submit" (click)="saveGroup()">
</tr>

用户想要编辑这些值，并通过点击提交按钮分组保存

我想像这样声明此对象的数组：

public objectList:Item[]

并绑定到此网格的值。每当用户更改上述网格的任意值时，

objectList

中的记录条目将自动更改

如果不可能，我将编写更多的代码来获取这个网格的值

---

可能吗？

您应该在字段中使用

[（ngModel）]

，这样输入字段使用双向数据绑定，因此每当您更新对象列表中的对象时，它都会自动更新

<tr *ngFor="let entity of objectList;">
    <td> <input type="text" [(ngModel)]="entity.name"></td>
    <td> <input type="text" [(ngModel)]="entity.code"></td>
    <td> <input type="text" [(ngModel)]="entity.itemName"></td>
</tr>

出现了一个问题。网格由objectList填充，其中包含这些输入元素的空值，用户将填充这些空值并保存到另一个对象。所以[（ngModel）]=“entity.name”是不正确的。我在这个网站的问题中省略了这些对象之间的相同值。我不确定你在说什么，请出示小提琴。请轻松回答这个问题：有两个对象。它们都有相同的字段，但其中一个有更多的字段。如何使用另一个对象的值创建其中一个对象