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

Question

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

stackblitz

Answer 1

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

这是您的原始代码：

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

应该是：

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

请注意，我们在这里更深入了一层（到userData）来查找错误。

正在工作的堆栈闪电-> https://stackblitz.com/edit/angular-email-checker-4ypbn5?file=app/app.component.ts

Answer 2

这是stackblitz上已编辑的工作代码

您的验证程序运行正常。  您只需将type="submit"添加到您的提交按钮