如何在Angular中动态添加表单元素和获取数据？

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } 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({
      formArray: this.formBuilder.array([])
    });
  }

  get formArray() {
    return this.myForm.get('formArray') as FormArray;
  }

  addFormControl() {
    const formControl = this.formBuilder.control('');
    this.formArray.push(formControl);
  }

  onSubmit() {
    console.log(this.myForm.value);
  }
}

<form [formGroup]="myForm" (ngSubmit)="onSubmit()">
  <div formArrayName="formArray">
    <div *ngFor="let control of formArray.controls; let i = index">
      <input type="text" [formControlName]="i">
    </div>
  </div>
  <button type="button" (click)="addFormControl()">Add Control</button>
  <button type="submit">Submit</button>
</form>