如何在Angular中合并子FormGroup和父FormGroup

import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-parent-component',
  templateUrl: './parent-component.component.html',
})
export class ParentComponent {
  parentForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {
    this.parentForm = this.formBuilder.group({
      // 父组件的表单控件
    });
  }
}

import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-child-component',
  templateUrl: './child-component.component.html',
})
export class ChildComponent {
  childForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {
    this.childForm = this.formBuilder.group({
      // 子组件的表单控件
    });
  }
}

<form [formGroup]="parentForm">
  <!-- 父组件的表单控件 -->

  <app-child-component></app-child-component>
</form>

import { Component, Input } from '@angular/core';
import { FormGroup } from '@angular/forms';

@Component({
  selector: 'app-child-component',
  templateUrl: './child-component.component.html',
})
export class ChildComponent {
  @Input() parentForm: FormGroup;

  constructor() {}

  ngOnInit() {
    // 将子组件的FormGroup添加到父组件的FormGroup中
    this.parentForm.addControl('childForm', this.childForm);
  }
}