问题描述:当使用Angular的FormGroup和复选框时,复选框的值没有被正确地更新到FormGroup中。
解决方法:以下是一个解决该问题的示例代码:
app.component.html:
app.component.ts:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
myForm: FormGroup;
ngOnInit() {
this.myForm = new FormGroup({
isChecked: new FormControl(false)
});
// 订阅复选框值的变化
this.myForm.get('isChecked').valueChanges.subscribe(value => {
console.log(value); // 打印复选框的值
});
}
}
在上述示例中,我们首先创建了一个FormGroup对象,并在其中添加了一个FormControl对象来表示复选框的状态。然后,我们订阅了FormControl值的变化。
通过这个解决方法,当复选框的状态发生变化时,FormGroup中的值也会被正确地更新。你可以根据具体的需求在订阅回调函数中执行任何需要的操作。