我正在创建表单组的表单数组
const skillsControl = <FormArray>this.form.controls['skills'];
this.selectedCourse.requiredSkills.forEach(skill => {
const s = this.fb.group({
instructor: ['', Validators.required],
...other controls...
});
skillsControl.push(s);
}
每个选定的课程将具有一套独特的技能。
我需要能够显示技能的名称,然后显示与该技能相关的表单控件。
如何将所需的技能对象与其相应的表单组相关联?
答案 0 :(得分:1)
您必须以这种方式定义表单:
const items = new FormArray(this.skills.map(item => new FormGroup({
name: new FormControl(item.name),
instructor: new FormControl(item.instructor)
})));
this.myForm = new FormGroup({items: items});
我在stackblitz中做了一个完整的例子:
希望对您有帮助!