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

Покажу на примере нового проекта.

ng new project_name
cd project_name
npm install --save bootstrap@next
npm install --save @ng-bootstrap/ng-bootstrap

В angular-cli.json в секцию style надо добавить наш CSS, чтобы глобально подключить стили.

  "styles": [
    "styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.min.css"
  ],

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

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

Необходимо выводить:

Представлена реализация взаимной подписки без генерации событий.

Resolver гарантированно получает асинхронные данные до создания компонента исходя из параметров маршрута.

ng build --watch
npx lite-server --baseDir="dist/project-name"