使用 [(NgModel)] 更改绑定 Angular 表中的值会影响其他字段答案

【问题标题】：Changing the value in a binded Angular table with [(NgModel)] affects other fields使用 [(NgModel)] 更改绑定 Angular 表中的值会影响其他字段
【发布时间】：2020-02-28 23:32:40
【问题描述】：

我有一个由 *ngFor 从二维数组生成的包含 1 个字符长字段的表，定义为：

<table>
    <tr *ngFor="let row of table; index as i">
        <td *ngFor="let field of row; index as j">
            <input type="text" [(ngModel)]="table[i][j]" type="text" maxlength="1" contenteditable="true" />
        </td>
    </tr>
</table>

这个想法是让用户以可视的方式修改table的内容，并直接得到修改后的表来处理它的内容。

修改单个字段中的值时会出现问题，因为它会随机影响同一行中的其他字段。我在以下链接中重新创建了随机值的问题：

StackBlitz Demo

【问题讨论】：

标签： angular

【解决方案1】：

您可以通过在 *ngFor 循环中添加“trackBy”函数来解决此问题。更新 StackBlitz 演示，https://stackblitz.com/edit/angular-t7f9hx

【讨论】：