Angular 7 Reactive forms -将FormArray中的表单组链接到对象

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

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="myForm" (ngSubmit)="onSubmit()">
      <div formArrayName="formArray">
        <div *ngFor="let group of formArray.controls; let i = index" [formGroupName]="i">
          <input formControlName="name" placeholder="Name">
          <input formControlName="email" placeholder="Email">
        </div>
      </div>
      <button type="submit">Submit</button>
    </form>
  `,
})
export class FormComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      formArray: this.fb.array([]),
    });
  }

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

  onSubmit() {
    const formData = this.myForm.value;
    console.log(formData);
    // 将formData中的数据链接到对象
    // ...
  }
}