捕获所需的验证表单验证 - Angular 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>

通过使用此代码，您可以指定哪个错误，并根据您可以显示确切的消息。