angular - 角度反应形式，确认电子邮件不起作用

Question

我正在使用 Angular 反应形式。我实施了电子邮件并确认电子邮件。电子邮件输入按预期工作，但确认电子邮件不是。下面是stackblitz的链接。我无法找到我在哪里做错了

堆栈闪电战

标签： angularangular-reactive-forms

Answer 1

您的验证器对象是相对于userDataFormGroup 定义的，而不是整体signupForm. 这意味着emailMismatch错误将存在于userData对象上 - 您正在检查signupForm。

这是您的原始代码：

get isEmailMismatch() { 
    return this.signupForm.getError('emailMismatch');
}

它应该是：

get isEmailMismatch() {
    return this.signupForm.controls.userData.getError('emailMismatch');
}

请注意，我们在此处 (to ) 更深入userData地查找错误。

工作 stackblitz --> https://stackblitz.com/edit/angular-email-checker-4ypbn5?file=app/app.component.ts