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