用[（NgModel）]更改绑定的Angular表中的值会影响其他字段

Posted 2023-01-18

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

<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

答案

None