Як перевірити, чи є у контролу помилка?

AngularJunior~1 хв читання

Перевірити, чи є у контролу помилка, можна за допомогою методу hasError() або властивості errors.

Приклади:

1. Через hasError():

typescript

this.form.get('email')?.hasError('required'); // true, якщо помилка required є

2. Через властивість errors:

typescript

this.form.get('email')?.errors; 
// поверне об'єкт на кшталт { required: true, email: true } або null

3. У шаблоні:

html

<input formControlName="email">
<div *ngIf="form.get('email')?.hasError('required') && form.get('email')?.touched">
  Поле обов'язкове
</div>

Якщо errors дорівнює null: помилок немає. Якщо є об'єкт: значить, валідація не пройдена.

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.