不推荐使用 Angular 自定义验证器错误组：此 API 不是类型安全的

问题描述

我收到了这个警告

group 已弃用：此 API 不是类型安全的，可能会导致问题 使用 Closure Compiler 重命名。使用 FormBuilder#group 重载 用 AbstractControlOptions 代替。注意 AbstractControlOptions 期望 validators 和 asyncValidators 成为有效的验证者。如果您有自定义验证器，请确保它们 验证函数参数是 AbstractControl 而不是 子类，例如 FormGroup。这些函数将被调用 AbstractControl 类型的对象并且不能自动 向下转换为子类，因此 TypeScript 将其视为错误。为了 例如，更改 (group: FormGroup) => ValidationErrors|null 签名为 (group: AbstractControl) => ValidationErrors|null。

如何修复此代码？

export function passwordMatchValidator(
  group: AbstractControl
): { invalidRePassword: boolean } | null {
  const passwordCtrl: AbstractControl | null = group.get('password');
  const passwordConfirmCtrl: AbstractControl | null = group.get(
    'passwordConfirm'
  );
  if (passwordCtrl && passwordConfirmCtrl) {
    if (passwordConfirmCtrl.touched || passwordConfirmCtrl.dirty) {
      if (passwordCtrl.value !== passwordConfirmCtrl.value) {
        passwordConfirmCtrl.setErrors({ invalidRePassword: true });
        return { invalidRePassword: true };
      }
    }
  }
  return null;
}

this.frm = this.fb.group({
    password: ['',Validators.required],passwordConfirm: ['',},{ validator: passwordMatchValidator }
);

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）