以嵌套反应形式使用 setControl

Question

当我在另一个 formBuilder 组中有一个数组时，我想知道如何以反应形式使用“setControl”和“get”。例如：

this.formulario = this.formBuilder.group({
  title: [this.racPessoa.title, [Validators.required]],
  description: [this.racPessoa.description, [Validators.required]],
  person: this.formBuilder.group({
    idPerson:[this.racPessoa.person.idPerson],
    name:[this.racPessoa.person.nome],
    personDocument: this.formBuilder.array([])
  }),
});

在上面的情况下，如果我想处理“标题，我可以写：

this.formulario.setControl('title', something);
this.formulario.get('title');

但是当我想处理一个人内部的“personDocument”时，我不知道如何写上面的两个句子

我试过用：

this.formulario.setControl('person.personDocument', something);
this.formulario.get('person.personDocument')

但它不起作用。

Answer 1

FormGroup的setControl方法不支持嵌套的表单控制结构，它只会在当前层检测和设置表单控制，见setControl和@ 987654322@.

对于您的情况，this.formulario.setControl('person.personDocument', something); 只会将新的表单控件（person.personDocument 的键）添加到您当前的层（您可以在您的 formGroup 的控件中确认）。

this.formulario = this.formBuilder.group({
  title: [this.racPessoa.title, [Validators.required]],
  description: [this.racPessoa.description, [Validators.required]],
  person: this.formBuilder.group({
    idPerson:[this.racPessoa.person.idPerson],
    name:[this.racPessoa.person.nome],
    personDocument: this.formBuilder.array([])
  }),
  'person.personDocument': something     // newly added form control
});

所以你需要在确切的层添加表单控件，例如：

(this.formulario.get('person') as FormGroup).setControl('personDocument', new FormControl('aaa'));