Я использую Angular 7 и создал реактивную форму. В поле ввода email
установлены два валидатора, см. Ниже:
email: ['', [Validators.email, Validators.pattern('^[\\w._]+@company(.com|.go|.jet)')]],
У обоих валидаторов в шаблоне есть 2 сообщения об ошибках:
<label for="email" class="error-msg" *ngIf="authForm.get('email').hasError('email') && hideFocus">Your email is invalid</label>
<label for="email" class="error-msg" *ngIf="authForm.get('email').hasError('pattern') && hideFocus">Only emails ending with .com .go and .jet are allowed</label>
Когда пользователь вводит текст в поле ввода, обе ошибки отображаются одновременно.
Как я могу отображать одно сообщение об ошибке за раз? Возможно ли это?