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

import { Component, OnInit } from '@angular/core';
import { FormArray, FormControl, FormGroup } 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;

  ngOnInit() {
    this.myForm = new FormGroup({
      myArray: new FormArray([])
    });
  }
}

<form [formGroup]="myForm">
  <div formArrayName="myArray">
    <div *ngFor="let control of myForm.get('myArray').controls; let i = index">
      <input [formControlName]="i">
    </div>
  </div>
</form>

addControl() {
  const control = new FormControl();
  (this.myForm.get('myArray') as FormArray).push(control);
}

<button (click)="addControl()">Add Control</button>