Урок 04 · 10 хв

@if і @for

Шматок шаблону або є, або немає. Список — @for з track за id.

У нових шаблонах: @if (user) { … } @else { … } і @for (item of items; track item.id) { … }. Старі *ngIf / *ngFor ще живуть. track — як key у React: без стабільного id список «поїде» під час вставки.

Список

Можна спитати про це правило«@if знімає вузол, а не ховає через CSS»

@empty усередині @for — гілка, коли масив порожній.
Не клади важку логіку в @if (calc()): порахуй у класі.
track $index допустимий у статичного списку. У живого — id.

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

Перевірка

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

1. @if (user) прибирає
2. track item.id навіщо?
3. Порожній список краще