Урок 02 · 11 хв

Прив'язки: текст, подія, двостороння

Дужки в шаблоні — не прикраса. У кожної пари свій сенс.

{{ x }} — вивести текст. [value]="title" — властивість елемента ліворуч бере вираз праворуч (дані вниз). (click)="save()" — подія вгору, у метод класу. [(ngModel)] — двосторонній зв'язок поля введення й властивості; для нього потрібен FormsModule.

Три напрямки

Можна спитати про це правило«Квадратні — вниз, круглі — вгору»

Не клади складну логіку в шаблон: винеси метод або computed-поле.
*ngFor / @for малює список. Потрібен track за id, а не за індексом, якщо список рухається.
ngModel без FormsModule — помилка компілятора. Це не магія, а імпорт.

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

Перевірка

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

1. Як повісити клік на метод save?
2. [disabled]="busy" що робить?
3. Навіщо FormsModule для [(ngModel)]?