用FormGroups的FormArray实现角反应式的修补

Question

我正在构建一个类似于下面这样的表单：

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

当我想使用patchValue()方法修补表单时(例如，当数据从服务器传回时)，作业数组只为一个元素修补。换句话说，如果作业数组包含多个作业，则只修补第一个作业FormGroup。我认为Angular会足够聪明，可以根据需要动态添加任意数量的FormGroups。还有什么方法可以修补作业FormGroups呢？

Answer 1

不，你不能用这种方式修补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 || ''),
  })
}  

现场示例：Stackblitz