필요한 유효성 검사 양식 유효성 검사 - 각도 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> 

과 같은 코드를 사용합니다.