给出简单的注册表格:
this.registerForm = this.formBuilder.group({
email:['', Validators.compose([
Validators.required,
Validators.pattern('.+@.+\..+'),
]), this.validators.isTaken],
matchingPassword: this.formBuilder.group({
password: ['', Validators.compose([
Validators.required,
Validators.maxLength(30),
Validators.minLength(8)
])],
passwordConfirmation: ['', Validators.compose([
Validators.required,
])]
}, {validator: this.validators.match})
})
我尝试验证密码确认匹配,因此我将匹配验证程序应用于表单组。但是现在我面临的情况是,字段本身显示为有效(带有绿色边框,因为它的所有验证器都在通过)但是组验证器不是,我需要它们显示为红色。
那么我应该手动将ng-valid更改为ng-invalid还是有一些技巧可以更好地解决这个问题?