NgAfterViewInit & NgAfterViewChecked. ViewChid & ViewChildren декораторы в Angular

ViewChild / ViewChildren используется для получения доступа к дочернему контенту. Причем это не только компоненты, а и директивы, сервисы, шаблонные переменные и даже зависимости.
В этом видео мы рассмотрели как достучаться к обычной верстке и как работать с компонентом после проверки вью
При изменении содержимого после проверки нужно сообщить ангулару о необходимости повторной перерисовки, как это сделать, смотри в этом видео)
==============================
Код готового урока:
github.com/MaksymGrom/angular...
==============================
Инструкция по установке angular проекта:
Вариант 1:
Пройдите плейлист: • Как работает WEB. Мест...
Вариант 2:
Склонируйте github.com/MaksymGrom/angular...
Загрузите зависимости (npm install)
Можно запускать проект (ng serve)
==============================
Выбор редактора код это дело каждого, но в этом плейлисте я использую webstorm. Как настроить один из популярнейших редакторов ниже:
VS Code: • VS Code extensions для...
WebStorm: • WebStorm работа с angu...
VUEJS REACT ANGULAR Render: • Zone.js и ChangeDetect...
Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов.
Курс по SQL можно найти по ссылке: • Что такое SQL? Как раб...
Спасибо что продолжаете смотреть меня и радовать комментариями.
---- Соц сети
Телеграм, где можно узнать о новых видео и получать доп контент
t.me/webDevGromMaxChannel
P.S. В youtube я отвечаю быстрее чем в telegram, буду рад комментам в youtube
----
Чтобы поддержать канал
1) Можно поставить лайк (или дизлайк, если не понравилось видео)
2) Оставить комментарий более 5 слов
3) Досмотреть видео до конца (так удержание будет выше и мне это поможет в продвижении)
4) Оставить отзыв в комментариях, что можно улучшить в видео, чтобы не хотелось его закрывать
#grommax #angular #lifecycle
Материально поддержать канал можно следующим способом
1) Перевод на карту send.monobank.ua/7oqmsFg3Y
2) Пройти опрос, чтобы помочь выбрать подходящие варианты поддержки
forms.gle/ZbFCKJSpDNYp4AMC6
Оглавление
00:00 - Введение
00:30 - @ViewChild('jqueryNeverDie')
03:08 - @ViewChild('jqueryNeverDie', {static: true})
04:07 - ng-template @ViewChild('jqueryNeverDie', {read: TemplateRef})
05:11 - Какие можно передавать селекты во ViewChild
05:46 - Извлечение ChildComponent
06:21 - ExpressionChangedAfterItHasBeenCheckedError
07:47 - Как исправить ExpressionChangedAfterItHasBeenCheckedError
09:43 - ViewChildren
11:21 - Краткий гайд

[@grommaks]

Привет всем) Я собрал весь материал по Angular в том порядке, в котором я рекомендую проходить плейлисты у меня на канале kzbin.info/door/lDDVLu0Cj_o9Y5D2ilCtdQplaylists?view=50&sort=dd&shelf_id=1

[@maratmartirosyan478]

Обясняете очень просто, спасибо большое

[@ReginaScer]

Благодарю вас. Надо будет пересмотреть ещё разок )

[@user-rb3sw3ku6t]

Спасибо за обстоятельный обзор! Очень помогло!

[@maratzinatulin2749]

Ждем следующее видео 👍

[@KolkhozDnepr]

Жаль что нет перемотки в будущее)) перемотал бы на тот момент когда весь курс будет готов)) ждём с нетерпением следующих видео)) спасибо за труды))

[@whoopigoldberg8121]

Отрыв бошки. Про "два путя" смешно ) Обязательно посмотрим следующие плейлисты

[@MAKSIMTSA]

Спасибо за такой контент. До этого находил, только поверхностное обяснение!

[@dmitriyborzenko3693]

🔥🔥🔥 Огонь

[@denisserbin9811]

Спасибо большое! очень полезно!

[@someinc]

Было бы круто увидеть ролик об Angular Sanitizer. На ютубе в целом не так много информации о нём, тем более на русскоязычном)

[@grommaks]

Добавлю в список того что нужно посмотреть) пока не сталкивался с этой технологией…или не ассоциирую с этим названием

[@someinc]

@@grommaks тоже долго не знал об этой технологии, но в процессе работы пришлось столкнуться. Документация впринципе понятная, разобраться можно. Но было бы приятно иметь хороший ролик на эту тему)

[@tandinio]

Спасибо большое за самый качественный контент! Вас посоветовал django school на последнем стриме по моему вопросу о выборе js-фреймворка. Сам я пишу на react, но наткнувшись на вас, просто посмотрел взахлеб весь этот плейлист. У меня вопрос: На реакте для создания мобильного приложения используют react-native, а для десктопа electron. Что вы можете посоветовать для мобильного и десктопа в экосистеме ангуляра? (могу путать, electron, кажется, не зависит от фронта, поэтому и angular можно с ним использовать) Еще раз благодарю за ваши старания! P.S. Что-то ютуб удаляет комментарии. В счетчике видны, а сами пропадают

[@grommaks]

Да ютуб удалят некоторые комменты и не даёт возможности их восстановить. Спасибо за отзыв и рекомендации 👍 Для мобильного есть ionic angular)

[@taras7844]

Спасибо за отличный материал! Скажите пожалуйста а будет туториал по ChangeDetectorRef?

[@grommaks]

На данный момент по компонентам все В плейлисте по директивам обязательно буду возвращаться к возможностям ChangeDetectorRef

[@G3tf]

Макс, привет, ты под старыми видосами комменты читаешь ?

[@grommaks]

Привет, стараюсь на все коменты отвечать, если есть на что отвечать)

[@G3tf]

​@@grommaks да я чет хотел спросить в каком то видосе у тебя было, где сервис и на сервак стучался и данные в себе хранил (получается уже не синглтон, но это ладно). Какие темы можешь далее рассмотреть в рамках angular и которые например я бы хотел посмотреть, с твоей точки зренияю control value accessor (правила хороших переиспользуемых компонентов) inteceptor немножко (показать например как можно одни и те же запросы кешировать) angular animations (в доке ангуляра ему целый раздел посвящен даже) ComponentRef (Как и где можно использовать динамические компоненты) Dynamic Forms (как то просто сухо по этой информации в ру сегменте) Спасибо.

[@grommaks]

@@G3tf спасибо за обратную связь, все темы есть в очереди плейлистов) Сервис который делает запрос и хранит данные, это скорее всего не соответствует синг респонсибилити принципу, но он также может быть синглтоном)

[@user-fx3of4zx6s]

да уж , ваш гуру слаб и с этим уже ничего не поделать , да здравствует второй Владька Минин , скоро нужно ждать курсы от этого "ангулярщика"

[@grommaks]

И вам не болеть