Angular 角度7反应形式-将形式组链接到对象

Angular 角度7反应形式-将形式组链接到对象,angular,angular-reactive-forms,Angular,Angular Reactive Forms,我正在创建一个formarray的FormGroup const skillsControl = <FormArray>this.form.controls['skills']; this.selectedCourse.requiredSkills.forEach(skill => { const s = this.fb.group({ instructor: ['', Validators.required],

我正在创建一个formarray的FormGroup

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);
}
const skillscocontrol=this.form.controls['skills'];
此.selectedCourse.requiredSkills.forEach(skill=>{
const s=this.fb.group({
讲师:['',验证者。必填],
…其他控件。。。
});
技能控制推送;
}
每门选定的课程都有一套独特的技能

我需要能够显示技能的名称,然后显示与该技能相关联的表单控件


如何将所需技能对象与其各自的表单组相关联?

您必须以以下方式定义表单:

  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中做了一个完整的例子:


我希望这会有帮助!

这不完全是我想要的,但它帮助我到达了我想要的地方。谢谢你。