キャッチが必要な検証フォームの検証 - 角度2

Question

角度2で必要なエラーにアクセスしてエラーの特定のメッセージを表示する方法について質問したいと思います。

<input type="text" formControlName="username" class="form-control" /> 
       <p *ngIf="loginForm.controls.username.errors">Email Address required.</p> 
       <p *ngIf="loginForm.controls.username.incorrectMailFormat">Email format is invalid.</p> 

現在、「loginForm.controls.username.errors」は、どの条件でも要素に該当する一般的なエラーです。

Answer 1

は、あなたがそれに応じてあなたが正確なメッセージを表示することができますどのエラー指定することができ、このコードを使用することにより、この

<input type="text" formControlName="username" class="form-control" /> 
    <p *ngIf="loginForm.controls.username.hasError('required')">Email Address required.</p> 
    <p *ngIf="loginForm.controls.username.hasError('pattern')">Email format is invalid.</p> 

のようなコードを使用します。