Проверка правильности валидации - Угловая 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> 

С помощью этого кода вы можете указать, какие ошибки будут и в соответствии с этим вы можете отобразить точное сообщение.