Состояние модели формы в Angular

При работе с моделями формы мы можем навешивать на поля ввода определенные состояния. Для этого применяем следующие классы CSS:

• ng-untouched - элемент находится не в фокусе.
• ng-touched - поле ввода находится в фокусе.
• ng-dirty - при изменении дефолтного значения.
• ng-pristine - дефолтное значение осталось без изменений.
• ng-valid - введено корректное значение.
• ng-invalid - введено некорректное значение.

Данные состояния даются в Angular автоматически. Давайте откроем наш проект в браузере и посмотрим в отладчик код нашего пустого инпута. Там мы увидим следующие классы: