Angular:如何处理HMLT模板中的嵌套FormGroups？

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

@Component({
  selector: 'app-example',
  template: `
    <form [formGroup]="parentForm">
      <div formGroupName="childForm">
        <!-- 嵌套的表单控件 -->
      </div>
    </form>
  `,
})
export class ExampleComponent {
  parentForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {
    this.parentForm = this.formBuilder.group({
      childForm: this.formBuilder.group({
        // 嵌套表单控件的初始化值和验证规则
      }),
    });
  }
}

<input type="text" formControlName="name">