offline version v3
Запись на курсы по HTML, CSS, JavaScript, PHP, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
menu

Стилизация ошибок валидации в Angular

Помимо дефолтных стилей отображения ошибок валидации, мы можем самостоятельно установить нужные нам стили.

Давайте откроем нам CSS-шаблон. Пропишем в нем красную границу инпутов при вводе некорректных и зеленую - для верных данных:

input.ng-touched.ng-invalid { border: solid red 2px; } input.ng-touched.ng-valid { border: solid green 2px; }

Теперь открывая наш проект в браузере помимо сообщения с ошибкой мы увидим еще и разный цвет границ инпутов.

Повторите в своем проекте пример, приведенный в уроке.