首页 > 解决方案 > 当尝试添加确认邮件功能组时得到错误预期1-2个参数但得到3.ts(2554)?

问题描述

问题

错误应有 1-2 个参数,但在添加确认电子邮件作为第三个参数时得到 3.ts(2554) ?

我在 Angular 7 上工作,我制作了注册用户表格

何时进行验证比较用户邮件以确认响应式表单上的邮件。

功能组不接受为邮件确认添加参数,如下代码

那么如何在注册表单上添加确认电子邮件?

import {MustMatchEmail} from '../helpers/EmailValidator';
import {MustMatch} from '../helpers/must-match.validator';
constructor() {}
UserMail = new FormControl('', [Validators.required, Validators.email, Validators.pattern('^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$'), Validators.maxLength(100)]);

ConfirmedEmail = new FormControl('', [Validators.required, Validators.email, Validators.maxLength(100)])

ngOnInit() {
  this.createFormValidations();
}
createFormValidations() {
  this.registerForm = this.formBuilder.group({
      UserMail: this.UserMail,
      ConfirmedEmail: this.ConfirmedEmail,
      UserPass: this.UserPass,
      ConfirmedPassword: this.ConfirmedPassword,

    }, {
      validator: MustMatch('UserPass', 'ConfirmedPassword')
    },
    //here error function not accept mail confirm
    {
      validator: MustMatchEmail('UserMail', 'ConfirmedEmail')
    }
  );
}

无法在功能组上添加确认电子邮件

标签: angulartypescriptangular7angular-reactive-formsangular-resource

解决方案


试试这个:参考:https ://alligator.io/angular/reactive-forms-custom-validator/

this.registerForm = this.formBuilder.group({
      userMail: [this.userMail, MustMatchEmail('UserMail','ConfirmedMail')],
});

推荐阅读