Question

由于[(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中记录的条目都会自动更改。

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

有可能吗？

Answer 1

您应该在字段之间使用 [(ngModel)] ，以便输入字段使用双向数据绑定，因此，每当您更新objectList中的对象时，它将自动更新。

<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>

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

1 个答案: