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"
  ],

Вариант решения проблемы, когда не срабатывают точки остановки при разработке Angular приложений в редакторе VS Code

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

Пример задания значения булева Input свойства как директивы, на примере:

httpRequest.pipe(
  repeat(),
  takeUntil(stop$)
).subscribe(x => console.log(x));

<a [routerLink]="myVar ? '/home' : null" routerLinkActive="is-active">Home</a>
or
<a [routerLink]="myVar ? ['/home'] : []">Home</a>