朋友,我在angular 2应用程序中有某种形式。在组件中,我使用这样的表单组:
this.formPersonalProfile = new FormGroup({
private: new FormControl(false),
});
在此组件的模板中,我描述了复选框,如下所示:
<input type="checkbox" private="private" formControlName="private" class="form-check-input">
OK,此后,我通过ngbModal在弹出窗口中打开了此模板,并且看到未选中我的复选框。但是,当我尝试在控制台中查看FormGroup时,看到FormGroup的此字段为null。仅当我手动单击复选框时,我才能获得所需的价值。
我可以通过FormGroup设置复选框的默认值吗?
您提供的代码段有些精简,但这是使复选框正确绑定的一个尝试。
您的输入可能不会像这样嵌套在标记的formGroup中
<form [formGroup]="formPersonalProfile">
<input type="checkbox" private="private" formControlName="private" class="form-check-input" />
</form>
并确保已在应用模块中导入ReactiveFormsModule
import { FormControl, FormGroup, ReactiveFormsModule } from "@angular/forms"
// later
@NgModule({
imports: [ BrowserModule, ReactiveFormsModule ],
这是一个可以正常工作的Plunker,可以为您提供所需的行为:http ://plnkr.co/edit/ryQ3G5p165XaXzJHcxUv?p=preview
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句