Урок 05 · 11 хв

Поле введення і ngModel

Двосторонній зв'язок: друкуєш — поле класу змінюється. Потрібен FormsModule.

[(ngModel)]="title" пише в title класу й читає назад. Без FormsModule в imports компонента директиви немає — компілятор так і скаже. Для простого старту цього вистачає. Реактивні форми (FormControl) — коли багато полів і валідація; не змішуй обидва стилі в одному екрані без потреби.

Інпут

Можна спитати про це правило«name у ngModel обов'язковий у формі»

(ngModelChange) — якщо потрібна побічна дія під час введення, а не лише запис поля.
[disabled] на кнопці від !title.trim() — проста валідація.
Велика форма — FormGroup. Цей урок про один екран без бюрократії.

Можна спитати про цей пункт«Суть уроку»

Перевірка

Закріпи, поки не пішов далі

1. Без FormsModule [(ngModel)]
2. Навіщо name на інпуті у form?
3. <input type="number"> з ngModel дає