AfterContentInit & AfterContentChecked. ContentChild. Как передать шаблоны без Input
ngAfterContentInit это метод жизненного цикла где можно достучаться к переданному контенту. А добраться к контенту можно с помощью декораторов ContentChid / ContentChildren. Как работать с этими декораторами смотри в видео
Через контент можно передать TemplateRef используя шаблонные переменные, и в этом случае нет необходимости использовать Input и можно затягивать много элементов
В плейлисте по диррективам мы будем рассматривать продвинутый вариант передачи шаблонов, наберитесь терпения и отправляемся в последний урок этого плейлиста.
==============================
Код готового урока:
https://github.com/MaksymGrom/angular...
==============================
Инструкция по установке angular проекта:
Вариант 1:
Пройдите плейлист: • Как работает WEB. Место и задачи Angu...
Вариант 2:
Склонируйте https://github.com/MaksymGrom/angular...
Загрузите зависимости (npm install)
Можно запускать проект (ng serve)
==============================
Выбор редактора код это дело каждого, но в этом плейлисте я использую webstorm. Как настроить один из популярнейших редакторов ниже:
VS Code: • VS Code extensions для работы с angul...
WebStorm: • WebStorm работа с angular проектом и ...
VUEJS REACT ANGULAR Render: • Zone.js и ChangeDetection. Как render...
Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов.
Курс по SQL можно найти по ссылке: • Что такое SQL? Как работать с WebSQL?...
Спасибо что продолжаете смотреть меня и радовать комментариями.
---- Соц сети
Телеграм, где можно узнать о новых видео и получать доп контент
https://t.me/webDevGromMaxChannel
P.S. В youtube я отвечаю быстрее чем в telegram, буду рад комментам в youtube
----
Чтобы поддержать канал
1) Можно поставить лайк (или дизлайк, если не понравилось видео)
2) Оставить комментарий более 5 слов
3) Досмотреть видео до конца (так удержание будет выше и мне это поможет в продвижении)
4) Оставить отзыв в комментариях, что можно улучшить в видео, чтобы не хотелось его закрывать
#grommax #angular #lifecycle
Материально поддержать канал можно следующим способом
1) Перевод на карту https://send.monobank.ua/7oqmsFg3Y
2) Пройти опрос, чтобы помочь выбрать подходящие варианты поддержки
https://forms.gle/ZbFCKJSpDNYp4AMC6
Оглавление
00:00 - Введение
00:23 - Подготовка проекте
00:56 - ng-content
01:37 - ContentChild декоратор angular
03:04 - ngAfterContentInit
03:37 - ContentChild static true
04:42 - ngAfterContentInit Изменение состояния контента
05:15 - ContentChildren QueryList
06:40 - Селект по шаблонной переменной
07:19 - Опция read для фильтрации контента
08:32 - Content + TemplateRef[]
12:05 - Краткий гайд
On this page of the site you can watch the video online AfterContentInit & AfterContentChecked. ContentChild. Как передать шаблоны без Input with a duration of hours minute second in good quality, which was uploaded by the user Максим Гром 01 January 1970, share the link with friends and acquaintances, this video has already been watched 3,297 times on youtube and it was liked by 219 viewers. Enjoy your viewing!
