Angular. Валидация форм.

Опубликовано в Angular • 04 мая 2018 г. • 1 мин. на чтение

Лучшее объяснение про валидацию, что я встречал - рассказ Kara Erickson (angular core team) про формы в Angular.

Оригинальный репозитарий сделан на 2ой версии Angular. У меня версия обновлена до Angular 7 и её можно посмотреть в stackblitz песочнице

Если хочется почитать, а не посмотреть, то рекомендую статью Todd Moto Reactive FormGroup validation with AbstractControl in Angular 2

P.S. Слайды от Кары с Angular Connect 2017 - Angular Forms: Advanced Topics

Похожие записи

Angular pipe localization

Локализация angular pipe на русский язык

ngx translate attribute

Используется конструкция

<img src="image.jpg" [alt]="'KEY' | translate">

Upload файла в Angular по клику кнопки

Создано простейшее nestjs приложение, принимающее файлы. Выбор и отправка файла по клику подразумевает, что на форме отсутствует input для файла. Отправка запроса осуществляется с отслеживанием прогресса.

@Attribute() декоратор

Аналогично @Input() позволяет получить значение атрибута с хоста компонента/директивы, но не отслеживает дальнейшее изменение атрибута.

Переиспользуемые анимации в Angular

Для создания анимации используется функция animation(). Для её использования — useAnimation(). Приводится пример переиспользуемой анимации, а также создание анимации через литерал объекта.

Angular темизация через CSS переменные

Для решения проблемы существует 2 подхода:

Binding стилей через DomSanitizer.bypassSecurityTrustStyle
Манипуляция через element.style.setProperty(cssVaribale, value);