Question

我正在尝试使用复选框从数组中打印复选框，以便稍后

        <table>
          <thead>
          <tr>
            <th>class</th>
            <th>subjects</th>
            <th>class speaker</th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let class of classes">
            <td>{{ class.name }}</td>
            <td>
              <div class="form">
                <input type="text" class="md-input-text" placeholder=" " value=" " [(ngModel)]="subject"/>
                <label class="md-desc">subjects</label>
              </div>
            </td>
            <td>
              <div class="md-checkbox">
                <input type="checkbox" id="{{ class.id }}" [(ngModel)]="checkBoxValue"/>
                <label for="{{ class.id }}"></label>
              </div>
            </td>
          </tr>
          </tbody>
        </table>

不幸的是，如果我选中其中一个复选框，那么每个复选框都会被检查。知道我做错了吗？

Answer 1

尝试将[(ngModel)]="checkBoxValue"更改为[(ngModel)]="class['checkBoxValue']"。因此，类[0] .checkBoxValue会为您获取第一个对象的值，依此类推。它当前配置的方式，它们（复选框）都在范围内绑定到相同的值，因此所有都同步响应更改。

Angular 4 - 来自数组的Post Checkbox

1 个答案: