カスタムバリデーター角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>