问题描述
我是Angular的新手,实际上是另一位程序员的代码。任何想法或将不胜感激。
我有两个带有三个选项的简单选择,我正在尝试验证它们是否具有相同的选择值。
我创建了一个验证器,用于检查第二个选择是否与第一个选择具有相同的值。它仅适用于第二个,但是当我更改第一个选择时,验证器不会运行或更新。
代码如下:
Table[Weeks]
我尝试创建两个验证函数/相同的问题:更改一个选择时,验证器似乎无法运行或更新。
任何建议都会有所帮助,我感谢您抽出宝贵的时间来提供帮助。
解决方法
您需要一个适用于您的表格的验证器。与此类似:
this.registerForm = this.formBuilder.group(
{
firstName: ["",[Validators.required]],lastName: ["",email: ["",[Validators.required,Validators.email]],password: ["",Validators.minLength(6)]],confirmPassword: ["",Validators.required]
},{
// Used custom form validator name
validator: ComparePassword("password","confirmPassword")
}
);
export function ComparePassword(controlName: string,matchingControlName: string) {
return (formGroup: FormGroup) => {
const control = formGroup.controls[controlName];
const matchingControl = formGroup.controls[matchingControlName];
if (matchingControl.errors && !matchingControl.errors.mustMatch) {
return;
}
if (control.value !== matchingControl.value) {
matchingControl.setErrors({ mustMatch: true });
} else {
matchingControl.setErrors(null);
}
};
}