是否有更好的方法将值推送到具有数组作为Angular中的值的表单控件

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

@Component({
  selector: 'app-dynamic-form',
  templateUrl: './dynamic-form.component.html',
  styleUrls: ['./dynamic-form.component.css']
})
export class DynamicFormComponent {
  dynamicForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.dynamicForm = this.fb.group({
      items: this.fb.array([])
    });
  }

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

  addItem(value: string) {
    const control = this.fb.control(value, Validators.required);
    this.items.push(control);
  }

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

<form [formGroup]="dynamicForm" (ngSubmit)="onSubmit()">
  <div formArrayName="items">
    <div *ngFor="let item of items.controls; let i = index" [formGroupName]="i">
      <input formControlName="item" placeholder="Item">
    </div>
  </div>
  <button type="button" (click)="addItem('New Item')">Add Item</button>
  <button type="submit">Submit</button>
</form>