Angular Reactive表单中的FormArray在表单提交时未重置

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } 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({
      myArray: this.formBuilder.array([])
    });
  }

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

  onSubmit() {
    // 重置FormArray的值
    this.myArray.reset();

    // 清除FormArray中的控件
    while (this.myArray.length !== 0) {
      this.myArray.removeAt(0);
    }

    // 其他提交逻辑...
  }
}