FormArray Angular中的动态id

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

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="myForm">
      <div formArrayName="items">
        <div *ngFor="let item of items.controls; let i = index">
          <input [formControlName]="i" placeholder="Item {{ i + 1 }}">
          <button (click)="removeItem(i)">Remove</button>
        </div>
        <button (click)="addItem()">Add Item</button>
      </div>
    </form>
  `,
})
export class FormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      items: new FormArray([])
    });
  }

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

  addItem() {
    this.items.push(new FormControl());
  }

  removeItem(index: number) {
    this.items.removeAt(index);
  }
}