Angular：自定义验证器返回 null 使 Angular 抛出错误

Question

当我在验证 FormControlObject 时尝试返回 null 时，浏览器说它无法读取 [FormControlObject].errors.errorProperty 的属性，因为它为 null。我在这里想念什么吗？如果我返回 { errorProperty: false } 一切正常。

代码：

    static passwordsShouldMatch(control: AbstractControl): ValidationErrors | null {
  let newPassword = control.get('password');
  let repeatedPassword = control.get('repeatedPassword');

  if (newPassword.value !== repeatedPassword.value) {
    return { passwordsShouldMatch: true };
  }
  return null;
}

解决方案：

    static passwordsShouldMatch(control: AbstractControl): ValidationErrors | null {
  let newPassword = control.get('password');
  let repeatedPassword = control.get('repeatedPassword');

  if (newPassword.value !== repeatedPassword.value) {
    return { passwordsShouldMatch: true };
  }
  return {passwordsShouldMatch: false};
}

我已经注释掉了这个问题的解决方案，但是按照文档，你应该能够毫无问题地返回 null。此问题可能与此 thread 重复，但由于该问题是 9 个月前提出的，并且也没有解决此潜在问题，我认为可以再问一次。

问题转载：https://stackblitz.com/edit/angular-d5utxs

Answer 1

替换

account.errors.passwordsShouldMatch

通过

account.hasError('passwordsShouldMatch')

正如您在the documentation 中看到的，FormGroup.errors 的类型是ValidationErrors | null。