Особенности использования *ngIf, *ngFor и *ngSwitchCase | Angular курс 2023

Продолжаем курс по основам Angular. В данном видео мы рассмотрим различные нюансы и особенности использования структурных директив *ngIf, *ngFor и *ngSwitchCase, с которыми частенько приходится сталкиваться во время разработки. Тайминги: 00:00 Вступление 00:13 Символ * 04:17 Использование двух структурных директив на одном элементе DOM-дерева 05:50 Влияние ветвлений then и else структурной директивы *ngIf на DOM-дерево 07:29 Логические операторы (&&, ||, ?:) 08:00 Опциональная цепочка (?.) 08:45 Ключевое слово as 10:43 Короткие записи выражений структурных директив 11:31 Оптимизация директивы *ngFor 14:48 Использование структурных директив вместе с пайпами 16:00 Возможные изменения в 17-ой версии 16:23 Итоги 16:50 Проект Helper Код из урока можно посмотреть в репозитории GitHub в соответствующем коммите: https://github.com/Yuri-Simonov/My-Angular-Course-2023/commit/5771ccdd6477c2a435dcd9761a643a44b3757931 Ссылка на плейлист данного курса по Angular: https://rutube.ru/plst/308623 Мой телеграм канал по айтишечке: https://t.me/yuri_simonov_it Ссылка на проект Helper: https://yuri-simonov.github.io/Helper/ Чат проекта Helper: https://t.me/yuri_simonov_helper