Angular 2 表单验证与自定义验证器 ng-valid 类答案

【问题标题】：Angular 2 form validation with custom validators ng-valid classAngular 2 表单验证与自定义验证器 ng-valid 类
【发布时间】：2016-08-31 12:26:08
【问题描述】：

我正在尝试使用自定义验证构建一个表单，这是一个示例：

this.registrationForm= fb.group({
  dob: ['', Validators.required],
  email: ['', Validators.compose([Validators.required,  emailValidator])],
  password: ['', Validators.required],
  confirmPassword: ['', Validators.required],
  firstName: ['', Validators.required],
  lastName: ['', Validators.required]
}, {validator: matchingPasswords('password', 'confirmPassword')})

我只有一个问题 - NgModel 指令中的 ng-invalid css 类不会为自定义验证器触发，有人遇到过这个问题吗？

【问题讨论】：

标签： css forms angular

【解决方案1】：

在 CSS 文件中，'ng-invalid' 类与 [required] 关联，因此没有它就不会触发，并且自定义 Validator 不是'必需'。例如：

<input required type=”text” ngControl=”username” />

【讨论】：