自定义验证器 Angular 2 - 获取回报

Question

所以，我需要从我的验证器返回中获取值。

示例：{'emailValidation':'电子邮件无效。'}

Key = emailValidation

值 = 电子邮件无效。

我可以在我的 HTML 代码中使用这个值吗？

validate(c: Control): { [key: string]: any } {

    if (c.value == undefined) {
        return null;
    }

    var emailReg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return emailReg.test(c.value) ? null : { 'emailValidation': 'email is invalid.' };
}

有可能吗？

Answer 1

您可以通过这种方式利用控件及其errors 属性：

<form [formGroup]="someForm">
  <input  formControlName="someCtrl" />
  <div *ngIf="someCtrl.errors">
    <div *ngIf="someCtrl.errors.emailValidation">
      {{someCtrl.errors.emailValidation}}
    </div>
  </div>
</form>