我正在使用 Angular5,并且有一个字段列表,每个字段都有一个名称和 FormControl。我尝试使用此代码将控件动态添加到组中,但出现错误。
const formControlFields = [
{name: 'field1',control: [null, []] as FormControl},
{name: 'field2',control: [null, []] as FormControl}
];
const formGroup: FormGroup = new FormGroup({});
formControlFields.forEach( f => formGroup.addControl(f.name,f.control));
this.form = new FormGroup({groups:formGroup});
这是我得到的错误:
错误类型错误:
control.setParent 不是一个函数
at FormGroup.registerControl (forms.js:4352)
at FormGroup.addControl (forms.js:4372)
at eval (trade-search.component.ts:142)
相反,使用new FormControl()
语法并且它将起作用:
ngOnInit() {
const formControlFields = [
{ name: 'field1', control: new FormControl(null, []) },
{ name: 'field2', control: new FormControl(null, []) }
];
const formGroup: FormGroup = new FormGroup({});
formControlFields.forEach(f => formGroup.addControl(f.name, f.control));
this.form = new FormGroup({ groups: formGroup });
console.log(this.form);
}
Demo: https://stackblitz.com/edit/angular-9vbsgf?file=src%2Fapp%2Fapp.component.ts https://stackblitz.com/edit/angular-9vbsgf?file=src%2Fapp%2Fapp.component.ts
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)