Angular2检查重新输入的密码

Question

我的 angular2 形式为：

this.registerForm = formBuilder.group({
        'name': ['', Validators.required],
        'email': ['', Validators.compose([Validators.pattern("[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,64}"), Validators.required])],
        'password': ['', Validators.compose([Validators.minLength(6), Validators.required])],
        'repassword': ['', Validators.compose([Validators.minLength(6), Validators.required])]
    });

但我无法弄清楚如何使用密码检查重新密码并抛出错误消息。

** 我关注了Angular 2 form validating for repeat password 的回答，但无法包含 ControlGroup。

请帮忙

Answer 1

您需要实现自定义验证器来比较 password 和 repassword 字段。

import { AbstractControl } from '@angular/forms';

function comparePassword(c: AbstractControl) {
    return c.get('password').value === c.get(' repassword').value
}

this.myForm = this.fb.group({
    name: ['', Validators.compose([Validators.required])],
    email: [''],
    passwordgroup: this.fb.group({
        password: ['', Validators.compose([Validators.required])],
        repassword: ['', Validators.compose([Validators.required])]
    },  comparePassword)
});