仅当formControl无效时才使用Angular动态验证

function dynamicValidator(control: FormControl): ValidationErrors | null {
  if (control.invalid) {
    // 执行特定的验证逻辑
    // 返回一个验证结果对象，表示验证不通过
    return { dynamicValidation: true };
  }
  
  // 返回null表示验证通过
  return null;
}

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

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="myForm">
      <input type="text" formControlName="myControl">
      <div *ngIf="myForm.get('myControl').errors?.dynamicValidation">
        动态验证失败，请输入有效的值。
      </div>
    </form>
  `
})
export class FormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      myControl: new FormControl('', [dynamicValidator])
    });
  }
}