如何在表单控件中动态创建表单控件，并在ngFor中将它们与其他数据一起显示？

<!-- 组件模板 -->
<form>
  <div *ngFor="let control of formControls">
    <ng-container [ngSwitch]="control.type">
      <input *ngSwitchCase="'text'" type="text" [(ngModel)]="control.value">
      <textarea *ngSwitchCase="'textarea'" [(ngModel)]="control.value"></textarea>
      <select *ngSwitchCase="'select'" [(ngModel)]="control.value">
        <option *ngFor="let option of control.options" [value]="option.value">{{ option.label }}</option>
      </select>
    </ng-container>
  </div>
</form>

// 组件代码
import { Component } from '@angular/core';

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent {
  formControls: any[] = [
    { type: 'text', value: '' },
    { type: 'textarea', value: '' },
    { type: 'select', value: '', options: [
      { label: 'Option 1', value: 'option1' },
      { label: 'Option 2', value: 'option2' },
      { label: 'Option 3', value: 'option3' }
    ]}
  ];
}