Question

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

示例：{＆＃39; emailValidation＆＃39;：＆＃39;电子邮件无效。＆＃39;}

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>

自定义验证器角度2 - 获取返回

1 个答案: