Angular自定义窗体验证器使用其他控件

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

// 自定义窗体验证器函数
function customValidator(control: FormControl): { [key: string]: any } | null {
  // 获取其他控件的值
  const otherControlValue = control.parent?.get('otherControl')?.value;

  // 进行验证逻辑
  if (control.value !== otherControlValue) {
    // 验证不通过，返回错误消息
    return { customValidation: '验证失败，请输入相同的值' };
  }

  // 验证通过，返回null
  return null;
}

// 创建表单
const form = new FormGroup({
  control1: new FormControl('', customValidator),
  control2: new FormControl('')
});

<form [formGroup]="form">
  <input formControlName="control1" placeholder="控件1">
  <input formControlName="control2" placeholder="控件2">
  <div *ngIf="form.get('control1').errors?.customValidation">
    {{ form.get('control1').errors.customValidation }}
  </div>
</form>