Angular Directive Host element, component, template и пример декоратора Optional

Veröffentlicht am: 09 Juli 2023
auf dem Kanal: Максим Гром
2,090
188

Angular Directive гораздо мощнее чем кажется. Директива имеет доступ к HTML Element на котором она была создана, в этом видео я показал как это сделать. Более того, директива может получить доступ к компоненту и работать с ним как с обьектом, а если компонента нет, то можно подавить ошибку через декоратор Optional. И не менее важно, директива повешенная на ng-template может получить к нему доступ, что открывает множество возможностей при разработке своих решений.

В этом видео я подробно рассмотрел как это сделать, не забывайте о важности повторения по видео, а не только просмотр.

==============================
Код готового урока:
https://github.com/MaksymGrom/angular...
==============================
Инструкция по установке angular проекта:
Вариант 1:
Пройдите плейлист:    • Как работает WEB. Место и задачи Angular н...  
Вариант 2:
https://github.com/MaksymGrom/angular...
Загрузите зависимости (npm install)
Можно запускать проект (ng serve)
==============================

Выбор редактора код это дело каждого, но в этом плейлисте я использую webstorm. Как настроить один из популярнейших редакторов ниже:
VS Code:    • VS Code extensions для работы с angular пр...  
WebStorm:    • WebStorm работа с angular проектом и GIT. ...  

Архитектурные елементы Angular    • Angular архитектурные елементы. Что есть в...  
Основы RxJS    • RxJs Теория: Observable, Observer, Subscri...  
Подробнее об OnPush    • ngOnChanges vs ngDoCheck. ChangeDetectionS...  
Немного старого видео об иммутабельности    • Immutable. Неизменяемость данных JavaScript  


Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов.
Курс по SQL можно найти по ссылке:    • Что такое SQL? Как работать с WebSQL? Осно...  

Спасибо что продолжаете смотреть меня и радовать комментариями.

---- Соц сети
Телеграм, где можно узнать о новых видео и получать доп контент
https://t.me/webDevGromMaxChannel
P.S. В youtube я отвечаю быстрее чем в telegram, буду рад комментам в youtube

----
Чтобы поддержать канал
1) Можно поставить лайк (или дизлайк, если не понравилось видео)
2) Оставить комментарий более 5 слов
3) Досмотреть видео до конца (так удержание будет выше и мне это поможет в продвижении)
4) Оставить отзыв в комментариях, что можно улучшить в видео, чтобы не хотелось его закрывать
5) Можно стать участником моего канала на платной основе    / @grommaks  

#directives #angular #grommax

Материально поддержать канал можно следующим способом
1) Перевод на карту https://send.monobank.ua/7oqmsFg3Y
2) Пройти опрос, чтобы помочь выбрать подходящие варианты поддержки
https://forms.gle/ZbFCKJSpDNYp4AMC6

Оглавление
00:00 - Введение
00:24 - Настройка проекта
00:45 - Directive's Host HTMLElement
03:58 - LinkDirective работает только на тег a
05:26 - Directive's Host Component
07:12 - Optionsl decorator
08:46 - Directive's Host Template
10:05 - Краткий гайд


Auf dieser Seite können Sie das Online-Video Angular Directive Host element, component, template и пример декоратора Optional mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Максим Гром 09 Juli 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 2,090 Mal angesehen und es wurde von 188 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!