在Angular中,如何在更改事件中读取多个选中复选框值

在Angular中,如何在更改事件中读取多个选中复选框值,angular,Angular,我正在处理Angular 2应用程序,在表单中,我输入了checkbox类型的内容,它可能有多个值。我想在每次更改事件时读取所有选中的值,但不确定如何执行。目前我只能读取一个值 模板 您的HTML应该使用ngModel进行双向数据绑定 <div *ngSwitchCase="'checkbox'"> <small>checkbox</small> <div *ngFor="let opt of question.options

我正在处理Angular 2应用程序,在表单中,我输入了checkbox类型的内容,它可能有多个值。我想在每次更改事件时读取所有选中的值,但不确定如何执行。目前我只能读取一个值

模板
您的HTML应该使用ngModel进行双向数据绑定

<div *ngSwitchCase="'checkbox'"> <small>checkbox</small>
              <div *ngFor="let opt of question.options" >
                   <label class="container-vertical"> {{opt.value}}
                       <input type="checkbox" 
                              [formControlName]="question.key" 
                              [name]="opt.name" 
                              [value]="opt.key" 
                              [(ngModel)]="opt.selectedOption"
                              (change)="onChangeValue()" 
                              (blur)="onChangeValue()"
                              > 

                       <span class="checkmark2"></span>
                   </label>
              </div>      
           </div> 

不确定您是选择被动表单还是模型驱动表单,无论如何,请检查您是否可以在stackblitz上上载示例代码?我已尝试并获得此错误,错误错误:ExpressionChangedTerithasBeenCheckedError:表达式在检查后已更改。上一个值:“true”。当前值:'false'。你能分享闪电战吗?
 handleCheckBoxChange (event: any) {

    console.log(".............. ",event);
    console.log("selected Value ", event.target.value);

    var target = event.target || event.srcElement || event.currentTarget;
    var idAttr = target.attributes.id;
    console.log("question id", idAttr);


  }
<div *ngSwitchCase="'checkbox'"> <small>checkbox</small>
              <div *ngFor="let opt of question.options" >
                   <label class="container-vertical"> {{opt.value}}
                       <input type="checkbox" 
                              [formControlName]="question.key" 
                              [name]="opt.name" 
                              [value]="opt.key" 
                              [(ngModel)]="opt.selectedOption"
                              (change)="onChangeValue()" 
                              (blur)="onChangeValue()"
                              > 

                       <span class="checkmark2"></span>
                   </label>
              </div>      
           </div> 
 onChangeValue() {
  console.log(this.question);
  }