自定义Angular 4验证器依赖于动态值

import { AbstractControl, ValidatorFn } from '@angular/forms';

// 自定义验证器函数
export function dynamicValueValidator(dynamicValue: string): ValidatorFn {
  return (control: AbstractControl): { [key: string]: any } | null => {
    const value = control.value;
    // 这里的验证逻辑依赖于dynamicValue
    if (value !== dynamicValue) {
      return { 'dynamicValueMismatch': { value } };
    }
    return null;
  };
}

// 在组件中使用自定义验证器
@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
})
export class MyFormComponent {
  dynamicValue = 'expectedValue'; // 动态值
  myForm = this.fb.group({
    myInput: ['', [Validators.required, dynamicValueValidator(this.dynamicValue)]],
  });

  constructor(private fb: FormBuilder) {}
}

updateDynamicValue(newValue: string) {
  this.dynamicValue = newValue;
  this.myForm.controls.myInput.setValidators([Validators.required, dynamicValueValidator(this.dynamicValue)]);
  this.myForm.controls.myInput.updateValueAndValidity();
}

this.myForm.controls.myInput.markAllAsTouched();