我正在建立一个与此类似的表格:

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数组仅修补了一个元素。换句话说,如果作业数组包含多个作业,则仅修补第一个作业FormGroup。我认为Angular足够聪明,可以根据需要动态添加任意多个FormGroup。作业FormGroups还可以如何打补丁?

最佳答案

不,您不能以这种方式修补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

关于javascript - 使用FormGroups的FormArray修补Angular react 形式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57841868/

10-09 15:39
查看更多