Question

当我连续选择一个复选框时，它将选择表中所有可用的复选框。这是我用来填充表格中复选框的代码

<thead>
<tr>
   <th scope="col">Attach</th>
   <th scope="col">Link</th>
</tr>
</thead>

<tbody>
    <tr *ngFor="let list of complianceReports.selectedData;let i = index">
        <td>
            <input id=" {{ i+1 }} " type="checkbox" name="attach[$index]" class="setup-checkbox" [(ngModel)]="complianceReports.attach[$index]">{{i+1}}
        </td>
        <td>
            <input id="complianceReports.link[$index]" type="checkbox" name="link[$index]" class="setup-checkbox" [(ngModel)]="complianceReports.link[$index]">
        </td>
    </tr>
</tbody>

如何根据需要在角度7中连续选择复选框

Answer 1

在Angular的tag属性中使用变量时遇到麻烦。您的问题来自您输入的name。它们都是一样的：字符串attach[$index]。您应该在name周围使用方括号，以告诉Angular需要对其值进行插值。

<tbody>
    <tr *ngFor="let list of complianceReports.selectedData;let i = index">
        <td>
            <input [id]="i+1" type="checkbox" [name]="attach[$index]" class="setup-checkbox" [(ngModel)]="complianceReports.attach[$index]">{{i+1}}
        </td>
        <td>
            <input [id]="complianceReports.link[$index]" type="checkbox" [name]="link[$index]" class="setup-checkbox" [(ngModel)]="complianceReports.link[$index]">
        </td>
    </tr>
</tbody>

Answer 2

绑定到 ngModel ??

时，您需要使用i (index)的{{1}}替代

$index

当我连续选中复选框时。是否选择了角度7表中所有可用的复选框？

2 个答案: