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

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

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

==============================
Код готового урока:
==============================
Инструкция по установке angular проекта:
Вариант 1:
Вариант 2:
Загрузите зависимости (npm install)
Можно запускать проект (ng serve)
==============================

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

Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов.

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

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

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

#directives #angular #grommax

Материально поддержать канал можно следующим способом
2) Пройти опрос, чтобы помочь выбрать подходящие варианты поддержки

Оглавление
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 - Краткий гайд

[san-chous]

С каждой новой серией этого сезона сюжет становится все интереснее, а в конце еще и интригующие анонсы...

[VasyaFF]

Красавчек! Везде реакт. А тут любимый Ангуляр!!!

[vladislav]

Не останавливайся! Ты красавчик! Спасибо за уроки! Я хоть и мидл, но иногда помогают твои ролики освежить некоторые знания)))

[vladpavluh]

спасибо большое за Ваши видео. Одни из немногих свежих и информативных на ютубе 🙏

[oleksandrvoron_ko]

Чим більше лайків та коментів, тим швидше просунемо Макса в топ )

[tynoheaekbat]

Как же хорошо, что ты вернулся к созданию новых видео! спасибо тебе большое за все твои видео и скрупулёзный подход к объяснениям! Надеюсь, что перерыв пошёл на пользу и новые видео будут появляться так же часто, как и два последних. Ещё раз спасибо

[sashakalin]

С возвращением!!!
Очень ждал, новых уроков и жду когда подключится rxjs в использовании

[tuku_mann]

Огромная благодарность за нетривиальный образовательный контент!

[gapa]

Урааа) Надеюсь отдых от ютуба пошел на пользу, не ожидал увидеть второе видео так скоро. Спасибо за контент!!!

[artempushnev]

лайк и коммент для продвижения) СПАСИБО!!!

[ФедорПетров-рк]

Максим, с возвращением! Очень ценно! И планируются ли видео по rxjs? У Вас есть относительно старый плейлист по нему)

[ArtyomManokhin]

Привет:) Спасибо за видос. А я думал, что ты пропал из-за того, что перешёл на React

[MrKrepysh]

Интересно б было про Стеналоне послушать.

[ReginaScer]

Интересный момент: если мы для ElementRef<указываем тип элемента>, то это как-бы не на что не влияет? для <a> тип (интерфейс) HTMLAnchorElement, а не HTMLLinkElement? Вроде? И даже если мы там укажим, например HTMLDivElement, то это ни на что не повлияет.

[sadvalblitz]

разве не наоборот ? компонент это директива с шаблоном ?)