如何以角度反应式形式访问多个FormGroups

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

@Component({
  selector: 'app-forms',
  templateUrl: './forms.component.html',
  styleUrls: ['./forms.component.css']
})
export class FormsComponent {
  formGroups: FormGroup[];

  constructor(private formBuilder: FormBuilder) {
    // 创建多个FormGroup对象
    this.formGroups = [
      this.formBuilder.group({
        controlName1: ['']
      }),
      this.formBuilder.group({
        controlName2: ['']
      }),
      // 可以继续添加更多的FormGroup对象
    ];
  }

  onSubmit() {
    // 处理表单提交事件
    // 可以通过访问this.formGroups[index].value来获取表单数据
  }
}

<form *ngFor="let formGroup of formGroups" [formGroup]="formGroup" (ngSubmit)="onSubmit()">
  <input type="text" formControlName="controlName1">
  <!-- 可以添加更多的表单控件 -->
  <button type="submit">提交</button>
</form>