在我们的例子中，我们设置 password 验证的 reverse 为 true。只要 password 与 retype password 的 值不等，我们会为确证密码字段添加一个错误消息，而不是重置 password 字段。
完整的自定义验证器代码如下：
// equal-validator.directive.ts import { Directive, forwardRef, Attribute } from '@angular/core'; import { Validator, AbstractControl, NG_VALIDATORS } from '@angular/forms'; @Directive({ selector: '[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]', providers: [ { provide: NG_VALIDATORS, useExisting: forwardRef(() => EqualValidator), multi: true } ] }) export class EqualValidator implements Validator { constructor(@Attribute('validateEqual') public validateEqual: string, @Attribute('reverse') public reverse: string) { } private get isReverse() { if (!this.reverse) return false; return this.reverse === 'true' ? true: false; } validate(c: AbstractControl): { [key: string]: any } { // self value let v = c.value; // control vlaue let e = c.root.get(this.validateEqual); // value not equal if (e && v !== e.value && !this.isReverse) { return { validateEqual: false } } // value equal and reverse if (e && v === e.value && this.isReverse) { delete e.errors['validateEqual']; if (!Object.keys(e.errors).length) e.setErrors(null); } // value not equal and reverse if (e && v !== e.value && this.isReverse) { e.setErrors({ validateEqual: false }); } return null; } }
当然，还有其他方法也能解决密码和确认密码验证问题。有些人建议在组（ stack overflow ）中添加密码和确认密码的机制，然后验证它。
方法没有绝对的好与坏，适合自己的才是最好的。
以上所述是小编给大家介绍的在 Angular2 中实现自定义校验指令（确认密码）的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: