forms - Angular 4 动态形式 patchvalue 数组

Question

我有一个基于 Angular 文档的动态表单，我有一个功能可以让用户加载他们保存的表单。目前我可以修补其他表单字段的值，如文本字段和单选按钮，但我不能在数组上这样做，因为它的值是一个数组。 我有以下代码

if(value instanceof Array){
         value.forEach((subVal, index)=>{
           let a = subVal.value
           this.form.controls[key].patchValue({index,a})
         })
          //  
      }else{
      this.form.controls[key].patchValue(value);
      }

Answer 1

我建议创建一个函数并在那里创建表单。当您保存或创建记录时，应该调用该函数。

如果你只想更新一个值可以使用.patchValue()

像这样:

createForm(data: any){
  let newFormArray: FormGroup[] = [];
  for(let i = 0; i > data.length; i++){
    newFormArray.push(this.fb.group({
                    id: data[i].id,
                    name: data[i].name
     }));
  }
  this.form = this.fb.group({
       array: this.fb.array(newFormArray)
  })
}