ng-template, ng-content, ng-container, *ngTemplateOutlet, context лайфхаки. Angular

Рассмотренные возможности Angular являются продвинутыми и без них можно делать приложение, но делать гибкие решения без них сложно, а иногда - невозможно.
ng-template это наиболее сложная и гибкая часть возможностей Angular. C ng-template возможно обмениваться частью верстки с параметрами и рисовать ее более чем один раз и в разных местах при этом сохраняя привязки событий и байндингов

ng-content это концепция slot глазами angular разрабочиков, ng-content позволяет фильтровать контент по селектору

ng-container это плейсхолдер, который превратиться в html комментарий и не будет изменять DOM дерево, по этому это отличное решение для опциональной верстки, на которую можно повесить логику angular и не повлиять на HTML
==============================
Код готового урока:
==============================
Инструкция по установке angular проекта:
Вариант 1:
Вариант 2:
Загрузите зависимости (npm install)
Можно запускать проект (ng serve)
==============================

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

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

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

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

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

#grommax #angular #ngtemplate #ngcontent #ngcontainer #ngtemplateoutlet

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

Оглавление
00:00 - Введение
00:24 - Подготовка к уроку
00:54 - Передача контента и ng-content
03:05 - ng-template, ng-container и *ngTemplateOutlet
04:00 - ng-template и context (let-foo)
05:06 - ng-template и context $implicit
06:02 - ng-container *ngIf & *ngFor
07:32 - ng-template переданный от родителя
12:03 - Краткий гайд

[Leonidn]

Очень полезная информация. Я серверный программист, начал изучать ANGULAR. Очень профессионально. Акцент на том, что будут спрашивать на собеседовании.Thanks a lot.

[nexgenua]

Круть, в свое время нигде ни в одном гайде/курсах не было об этом ни слова, все это познавалось путем чтения официальной доки, которая ой как туго описана. Делаешь хорошую работу по продвижению фреймворка и обучению работы с ним, а то к нам приходят на собесы ангулярщики с 3 годами опыта и не знают что такое ng-content

[Seacrest.]

Понятные гайды среди прочего и редко кто так итоги подводит чтоб не запутаться

[artem_ka]

Спасибо, хорошо объяснил. Ждём видел об ngcomponentoutlet

[victormog]

Может, конечно, плохо искал, но это лучшее, что я нашёл по Angular на русском языке.
А главное - очень полезный канал!

[tobbiify]

Спасибо, Максим, за классный гайд! Все четко и по делу.

[mtezhnik]

Большое спасибо за подробное объяснение.

[glory-of-ukraine]

Надіюсь випуск буде тривалий по часу)) Дякую за відоси!!

[dmitriy]

Супер! Отличное видео. Объяснение намного лучше, чем родной документации angular.

[AlexLavrik]

Все ясно и понятно! А это очень большая редкость...Спс за материал!

[awesomeuser]

Странно что так мало просмотров... Контент просто офигенный! В который раз пишу уже в комментах-главное не забрасывай эту движуху, это супер-полезно!) Спасибо

[konstantinsurnin]

самый доступный мануал для понимания, спасибо!!!

[rockyshwilly]

очень полезные видео, спасибо! Если бы еще сразу были задачки как отработать знания - вообще круто было бы)))

[АнтонСевостьянов-хб]

Блин, как же круто, и круто то что ты именно на пальцах всё объясняешь, всё понятно досконально, спасибо большое!!!

[ЮлианаШилько]

Максим, спасибо огромное за уроки! Я не встречала пока, чтобы так понятно и доступно было объяснено!
Очень жду уроки по директивам!

[grommaks]

Привет всем)
Уровень уроков этого плейлиста плавно растет, я могу отнести информацию из этого видео к уровню мидл
Если вам тяжело проходить этот урок, то попробуйте пройти его ради понимания возможностей и добавьте себе в закладки, ведь еще придется сюда вернуться 😜

[dmitriibochkarev]

Контент потрясающий! Спасибо за труд! Жду продолжения

[krosh]

Спасибо! Отлично раскрыта тема как и с чем есть эти темплейты)

[ЕгорРура]

Очень важное и понятно видео! Спасибо огромное.

[anishchenko]

Очень полезно!! добавил в закладки)) ждем новых выдео