javascript - Angular 5 复选框从数据中选中状态

Question

在我的应用程序中，数据来自带有嵌套数组的服务器，但没有用于检查复选框是否选中的字段，因此我使用 foreach 循环添加了该字段。无论该字段为 true 或 false，都没有任何影响。我的代码如下。

this.testservice.getQuestions()
          .subscribe(
          resultArray => {
          this.questions = resultArray;
            this.questions.forEach(element => {
              element.Awnsers.forEach(elementA => {
                elementA.isChekced = true;
              });
            });

输入的html代码是

<div *ngFor='let q of questions'>
<b>Question: </b>
  {{q.Question}}<br><br>
  <div *ngFor='let a of q.Awnsers'>
    <label>
      <input type="checkbox"
             name="options"
             value="{{a.awnsers}}"
             (checked)="a.isChecked"
             (change)="testoption($event, a.Awnser)" />
             {{a.Awnser}}
  </label>
  </div>
 </div>

事件属性 isChecked 对于所有元素都是 true，但它们不会被检查。请帮忙。

Answer 1

如果 Angular 版本是 5，那么我会使用 [(ngModel)] 而不是 [checked] 属性，通过使用双向数据绑定(bind)，您将得到答案的当前状态，即已选中或未选中。

<input type="checkbox" name="options" value="{{a.awnsers}}" [(ngModel)]="a.isChecked" (change)="testoption(i, a.Awnser)" />

A Working StackBlitz