Javascript 用FormArray of FormGroup修补角反应型

我正在构建一个与此类似的表单：

private _buildForm(): FormGroup {
const _form = new FormGroup({
  title: new FormControl('', [Validators.required]),
  jobs: new FormArray([
    new FormGroup({
      _id: new FormControl(''),
      status: new FormControl('')
      });
    ])
  });
}

---

当我想使用patchValue（）方法修补表单时（例如，当数据从服务器返回时），只为一个元素修补作业数组。换句话说，如果jobs数组包含多个job，则仅修补第一个job FormGroup。我认为Angular应该足够聪明，可以根据需要动态添加尽可能多的表单组来匹配。除此之外，如何修补作业表单组？

不，您不能以这种方式修补formArray。您可以做的是将formArray值作为参数传递，并将其逐个插入表单中

setUpForm(job: Job) {
  return new FormGroup({
    title: new FormControl(job.title), 
    statuses: new FormArray(job.statuses.map((status) => this.createStatus(status))) 
  });
}
createStatus(statuses: any) {
  return new FormGroup({
    id: new FormControl(statuses.id || ''),
    status: new FormControl(statuses.status || ''),
  })
}  

---

实例：

您可以根据需要动态地将任意多个

FormGroup

实例添加到

FormArray

中，但在上面的代码中只有一个实例。您需要添加逻辑以将控件添加到

FormArray

。请检查答案中的更新代码。正如Alexander所说，您可以使用pathValue，问题是在生成pathValue之前，您需要FormArray的长度与数据的长度相同