如何在angular的动态表单域中添加动态表单域？

// 在组件中定义表单控件数组
formControls: any[] = [];

// 在组件中定义动态添加表单域的方法
addFormControl(type: string) {
  // 根据类型创建表单控件
  let formControl: any;
  switch (type) {
    case 'input':
      formControl = new FormControl('');
      break;
    case 'select':
      formControl = new FormControl(null);
      break;
    // 其他类型的表单控件
    // ...
  }

  // 将表单控件添加到表单控件数组中
  this.formControls.push(formControl);
}

// 在模板中使用ngFor遍历表单控件数组，并根据类型渲染表单域
<div *ngFor="let control of formControls">
  <ng-container [ngSwitch]="control.type">
    <input *ngSwitchCase="'input'" type="text" [formControl]="control">
    <select *ngSwitchCase="'select'" [formControl]="control">
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
    </select>
    <!-- 其他类型的表单域 -->
    <!-- ... -->
  </ng-container>
</div>