Angular. Структурные директивы. *ngIf, *ngFor, *ngSwitchCase (structural directives)

Как сделать условие в шаблоне, или вывести в цикле значения или сделать переключатель в шаблоне, об этом и не только в этом выпуске.
Также из видео вы узнаете, что такое ng-template и как его использовать в ngIf

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

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

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

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

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

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

#grommax #angular #ngIf #ngFor #ngSwitch #ng-template

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

Оглавление
00:00 - Введение
00:32 - Подготовка к уроку
01:55 - *ngIf
03:31 - *ngIf Else
05:02 - Что такое * в структурной директиве
06:23 - Оператор optional chaining ?. и шаблонные переменные as
09:08 - *ngFor
10:56 - *ngFor index
11:24 - *ngFor tackBy
13:42 - [ngSwitch]
14:53 - *ngSwitchCase
15:38 - *ngSwitchDefault
16:21 - Краткий итоговый гайд

[MrVIPKent]

Чудові уроки на найновішій версії ангуляр і приємний бонус в кінці уроку коротка версія за декілька хвилин, що також слугує гарним закріпленням.
Будь ласка продовжуй!

[halfbelf]

Единственное чтобы добавил так это то что в ngFor можно получить первый и последний элемент используя такие переменные как first и last, поставил лайк, топ ролик.

[ilgul]

Видео отличное. Прям концентрат знаний на каждую минуту просмотра. На деюсь, что автор однажды создаст целый цыкл видео, охватывающий основы Ангуляр.

[leonidsimakov]

Большое спасибо за Ваши видео, ждем продолжения уже теперь в следующем году!🙂 С наступающими праздниками!🎄

[awesomeuser]

Спасибо за отличные ролики! Главное не останавливайся в этом нелегком, но очень полезном деле!!!

[izzataliev]

Спасибо большое за видео, по чаще бы обучалок по ангуляру

[toxcozZ]

Безмерно благодарен за уроки.
С наступающими праздниками!

[canismajoriskorotki]

Лучший матерьял который нашел на русском

[grommaks]

Привет всем
В видео затронул немного тему ng-template, но это далеко не все что нужно знать об этом)
Мы еще вернемся к этому
А так тема этого видео важна для новичков и требует практики, так что рекомендую создать себе проект и покрутить код самостоятельно

Приятного просмотра, с наступающими)

[АннаКомоско-эм]

Спасибо большое за ваш курс! Он очень понятный и глубокий, и ваша манера повествования и примеры еще лучше помогают вникнуть в материал. Подскажите, пожалуйста, а продолжение про директивы, модули, сервисы не планируется больше? 😔

[andriisyvyk]

Крутое видео, продолжайте в том же духе! Жду следующего видео))

[serdotsenko]

в редакторе включи пж-та отображение номера строки, что бы было удобно ссылатся на неё если возникнут вопросы

[serdotsenko]

закинул донат ) жду гит в вэбсторме ) очень НЕ срочно! просто включ в твой плотный график и сделай когда-нибудь

[galinagorbel]

Максим, добрый день! В видео мы добавляем метод trackBy который позволяет отслеживать по id, но при этом в html шаблоне user.id не участвует. Angular все равно свяжет user с id и не будет перерисовывать элементы?