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-bootstrap компоненты в проект Angular-CLI?

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

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

ng-container vs ng-template

It is explain simple difference between ng-container and ng-template tags.

Angular Storybook

Установите пакет npm i @storybook/cli -g и запустите команду sb init в корне angular проекта.

Про Angular Universal & Server-side rendering

ng add @nguniversal/express-engine --clientProject 
npm run build:ssr && npm run serve:ssr

Вставить <script> в Angular компонент

Добавление сторонних скриптов в Angular по запросу. Как известно, добавить скрипт через шаблон невозможно. Представлено решение как это сделать программно.

Аналог Jasmine createSpyObj в Jest

// Jest
const serviceMock = {
 methods: jest.fn(),
 you: jest.fn(),
 want: jest.fn(),
 to: jest.fn(),
 mock: jest.fn()
};