Angular 2使用自定义验证器ng-valid类进行表单验证

Question

我试图建立一个表单与自定义验证，这里是一个例子:

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类不会为自定义验证器触发，有人遇到过这个问题吗?

Answer 1

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

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