自定義驗證器Angular 2 - 獲取返回

Question

所以，我需要從我的驗證器返回值。

實施例：{ 'emailValidation'： '電子郵件無效'}

答案= 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>