javascript - 如何从嵌套的 FormGroup 添加/删除 FormControl

Question

candidateForm:FormGroup; 
constructor(private fBuilder: FormBuilder){ }

ngOnInit(){
    this.candidateForm = this.fBuilder.group({
      fname: [null, [Validators.required]],
      lname: [null, [Validators.required]],
      address: this.fBuilder.group({
        address1: [null],
        address2: [null],
      })
    })
  }

如何将名为address3 的FormControl 添加到表单组address 中？同样如何从同一个 FormGroup 中删除它们？

Answer 1

首先，您必须从主 FormGroup 获取子 FormGroup，然后您可以使用此处文档中引用的 addControl 和 removeControl:https://angular.io/api/forms/FormGroup .

所以在你的情况下会是:

//Add:
this.candidateForm.get('address').addControl('address3',[]);

//Remove:
this.candidateForm.get('address').removeControl('address2');