在FormArray上为required和minlength设置formvalidator

在Angular中，可以使用FormArray来处理动态表单控件的集合。要为FormArray上的required和minlength设置表单验证器，可以通过以下步骤完成：

首先，创建一个FormArray对象，并将其作为表单的一部分。例如，假设我们有一个名为myForm的表单，并且在该表单上有一个名为myArray的FormArray控件。

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

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

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

接下来，为FormArray中的每个表单控件设置验证器。可以使用Validators.required和Validators.minLength来设置required和minlength验证器。

constructor() {
  this.myForm = new FormGroup({
    myArray: new FormArray([
      new FormControl('', [Validators.required, Validators.minLength(3)]),
      new FormControl('', [Validators.required, Validators.minLength(5)])
    ])
  });
}

在上面的示例中，我们为myArray中的每个表单控件设置了required和minlength验证器。第一个表单控件的最小长度为3，第二个表单控件的最小长度为5。

在模板中，可以使用formGroup和formArrayName指令来绑定FormArray和表单控件。

<form [formGroup]="myForm">
  <div formArrayName="myArray">
    <div *ngFor="let control of myForm.get('myArray').controls; let i = index">
      <input [formControlName]="i" type="text" placeholder="Item {{ i + 1 }}">
      <div *ngIf="myForm.get('myArray').controls[i].invalid && myForm.get('myArray').controls[i].touched">
        <div *ngIf="myForm.get('myArray').controls[i].hasError('required')">This field is required.</div>
        <div *ngIf="myForm.get('myArray').controls[i].hasError('minlength')">Minimum length is 3 characters.</div>
      </div>
    </div>
  </div>
</form>

在上面的示例中，我们使用formArrayName指令将myArray绑定到FormArray，并使用formControlName指令将每个表单控件绑定到相应的索引。