从Angular 2+ FormArray获取所有验证错误

Angular 2+中的FormArray是一个表单控件，用于处理动态生成的表单数组。它允许我们在表单中添加、删除和验证多个表单控件。

要从FormArray中获取所有验证错误，可以按照以下步骤进行操作：

首先，确保你已经导入了必要的Angular模块和类。在组件文件的顶部添加以下导入语句：

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

在组件类中创建一个表单组，并在其中定义FormArray。例如：

myForm: FormGroup;

constructor() {
  this.myForm = new FormGroup({
    myArray: new FormArray([
      new FormControl('', Validators.required),
      new FormControl('', Validators.minLength(5)),
      // 添加更多的表单控件
    ])
  });
}

在模板中，使用ngFor指令遍历FormArray中的每个表单控件，并显示验证错误信息。例如：

<div formArrayName="myArray">
  <div *ngFor="let control of myForm.get('myArray').controls; let i = index">
    <input [formControlName]="i" type="text">
    <div *ngIf="control.invalid && (control.dirty || control.touched)">
      <div *ngIf="control.errors.required">
        必填字段
      </div>
      <div *ngIf="control.errors.minLength">
        最小长度为5个字符
      </div>
      <!-- 添加更多的验证错误信息 -->
    </div>
  </div>
</div>

在上述代码中，我们使用myForm.get('myArray').controls来获取FormArray中的每个表单控件。然后，我们使用ngIf指令来检查控件是否无效并且已经被修改或触摸过。如果满足条件，我们显示相应的验证错误信息。

这是一个基本的示例，你可以根据具体需求进行修改和扩展。如果你想了解更多关于Angular表单验证的信息，可以参考腾讯云的相关产品文档：