将FormArray设置为FormGroups数组

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

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      myFormArray: this.formBuilder.array([])
    });

    // 添加初始的FormGroups
    this.addFormGroup();
  }

  addFormGroup() {
    const formGroup = this.formBuilder.group({
      name: ['', Validators.required],
      age: ['', Validators.required]
    });

    // 将FormGroup添加到FormArray中
    this.myForm.get('myFormArray').push(formGroup);
  }

  removeFormGroup(index: number) {
    // 从FormArray中移除指定索引的FormGroup
    this.myForm.get('myFormArray').removeAt(index);
  }
}