小编Den*_*nan的帖子

这是我的HTML:

<tr *ngFor="let row of formData; let i = index" [attr.data-index]="i">
    <td *ngFor="let rowdata of formData[i]; let j = index" [attr.data-index]="j">
        <input type="checkbox" name="row-{{i}}-{{j}}" [(ngModel)]="formData[i][j]">
    </td>
</tr>

正如您所看到的,我在其上设置了唯一的名称checkboxes以完全隔离它们.

formData 遵循这样的结构:

formData = [
            [false, false],
            [true, true],
            [false, true]
          ]

表单填充正确.

复选框生成正确,但有一些奇怪的行为:

当我单击第一列的复选框时,它还会检查第二列的框; 这似乎是完全随机的行为,但是当我选中第二列的方框时,它对第一列的复选框没有影响

任何想法为什么会这样？

编辑

观察:我改为input标准输入(不是复选框).

我将表单值更改为"true","false"..而不是true,false.

当我尝试更改输入中的文本时,我只能输入一个字符并且输入框"取消选择"(即 - 我必须一直点击输入框以在每次键入字符时激活它)

编辑

请求的HTML输出: