Angular 8- formbuilder中的For循环

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, 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({
      // 使用For循环生成多个表单控件
      items: this.formBuilder.array([
        this.createItem()
      ])
    });
  }

  createItem(): FormGroup {
    return this.formBuilder.group({
      name: ['', Validators.required],
      age: ['', Validators.required]
    });
  }

  addItem(): void {
    const items = this.myForm.get('items') as FormArray;
    items.push(this.createItem());
  }

  removeItem(index: number): void {
    const items = this.myForm.get('items') as FormArray;
    items.removeAt(index);
  }

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