Создание кастомных атрибутивных директив | HostBinding и HostListener | Angular курс
В этом мы видео мы разберем создание кастомных (пользовательских) атрибутивных директив. Тайминги: 00:00 Вступление 00:12 Создание директивы 01:40 Нюанс при создании файла 02:56 Написание функционала 03:33 ElementRef 04:42 Декоратор HostBinding 08:19 Передача данных внутрь директивы 11:00 Декоратор HostListener 12:22 Дополнительные параметры 13:11 Глобальные объекты 13:46 Пример 15:03 Пользовательские события 16:41 Примеры в классе компонента 17:24 Селектор декоратора Directive 18:38 Более 1 директивы на элементе разметки 18:57 Итоги Cсылки на официальную документацию по изученным в уроке материалам: ElementRef: https://angular.io/api/core/ElementRef HostBinding: https://angular.io/api/core/HostBinding HostListener: https://angular.io/api/core/HostListener Код из урока можно посмотреть в репозитории GitHub в соответствующем коммите: https://github.com/Yuri-Simonov/My-Angular-Course-2023/commit/c5b65c6ad7b1fc047f4adb7acdd131a0b336e745 Ссылка на плейлист данного курса по 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
В этом мы видео мы разберем создание кастомных (пользовательских) атрибутивных директив. Тайминги: 00:00 Вступление 00:12 Создание директивы 01:40 Нюанс при создании файла 02:56 Написание функционала 03:33 ElementRef 04:42 Декоратор HostBinding 08:19 Передача данных внутрь директивы 11:00 Декоратор HostListener 12:22 Дополнительные параметры 13:11 Глобальные объекты 13:46 Пример 15:03 Пользовательские события 16:41 Примеры в классе компонента 17:24 Селектор декоратора Directive 18:38 Более 1 директивы на элементе разметки 18:57 Итоги Cсылки на официальную документацию по изученным в уроке материалам: ElementRef: https://angular.io/api/core/ElementRef HostBinding: https://angular.io/api/core/HostBinding HostListener: https://angular.io/api/core/HostListener Код из урока можно посмотреть в репозитории GitHub в соответствующем коммите: https://github.com/Yuri-Simonov/My-Angular-Course-2023/commit/c5b65c6ad7b1fc047f4adb7acdd131a0b336e745 Ссылка на плейлист данного курса по 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
