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

在Angular中，Reactive表单是一种用于构建复杂表单的方法。FormArray是Reactive表单中的一种特殊类型，它允许我们动态地添加和删除表单控件。

当使用FormArray时，有时我们可能会遇到一个问题：在表单提交后，FormArray中的控件并没有被重置。这可能导致下一次提交时出现错误或意外行为。

要解决这个问题，我们可以采取以下步骤：

在表单提交时，获取FormArray的引用。
使用FormArray的reset方法来重置它的值。
在重置后，可以选择手动清除FormArray中的控件，以确保下一次提交时不会包含旧的值。

下面是一个示例代码，展示了如何在表单提交时重置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);
    }

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

在上面的代码中，我们首先定义了一个FormArray，然后在表单提交时调用了reset方法来重置它的值。接着，我们使用一个循环来逐个移除FormArray中的控件，确保下一次提交时不会包含旧的值。

这样，当我们提交表单时，FormArray中的控件将被重置，并且不会影响下一次的提交。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。