Page 36 - 6182

можливостей форми (валідація, комплексна бізнес-логіка).
Процедуру тестування можна здійснювати не вибираючи селектори
DOM, а лише шляхом аналізу об‘єктів елементів форми.

Нижче наведено перелік основних класів для роботи з
формами на платформі Angular.
− FormControl(s) – інкапсулюють властивості елементів
управління форми і надають об‘єкти для роботи з ними;

− Validator(s) – надають розробнику можливість для
перевірки введених даних;
− Observer(s) – надають розробнику можливість для

перевірки введених даних.
Платформа Angular пропонує два підходи щодо генерації
форм: реактивний, шаблонно-керований.

Шаблонно-керовані форми (Template-driven forms)
Шаблонно-керовані форми використовують так званий
Angular-синтаксис в HTML розмітці для створення форм. Існують
наступні директиви для цього: ngForm, ngModel, ngSubmit.

Функціонал цього типу форм зосереджений у модулі FormsModule:

import { FormsMoudle } from '@angular/forms';
Директива ngForm робить щось зручне, але не очевидне, вона
включає в себе тег контейнера форми в якості селектора, тому його

не потрібно буде додавати його явно. Ще однією особливістю є те,
що при використанні модуля FormsModule директива ngForm буде
автоматично прикріплена до кожного контейнера <form> на
сторінці (рис. 5.1).

Рисунок 5.1 – Приклад декларації шаблонно-керованої форми

36