Жизненный цикл компонента в Angular | Angular курс

Опубликовано: 18 Май 2025
на канале: Юрий Симонов

2,029

114

В данном видео разберем жизненный цикл компонента в Angular. А также рассмотрим различные нюансы, которые стоит учитывать при работе с ним.

Поддержать меня на Boosty:
https://boosty.to/yuri_simonov

Тайминги:
00:00 Вступление
00:43 Методы жизненного цикла
01:32 Подготовка к уроку
02:00 Конструктор
03:07 Использование методов
03:43 ngOnChanges
07:31 ngOnInit
08:19 ngDoCheck
11:17 ngAfterContentInit
11:54 ngAfterContentChecked
12:37 ngAfterViewInit
12:57 ngAfterViewChecked
13:28 Пример для ngAfterViewInit
15:12 ngOnDestroy
16:10 Различия между ж/ц компонента и директивы
16:49 Ошибка ExpressionChangedAfterItHasBeenCheckedError
18:28 Implements
19:11 Все методы ж/ц (коротко)
20:15 Проект Helper

Ссылки на страницы с методами из официальной документации:
https://angular.io/api/core/OnChanges
https://angular.io/api/core/OnInit
https://angular.io/api/core/DoCheck
https://angular.io/api/core/AfterCont...
https://angular.io/api/core/AfterCont...
https://angular.io/api/core/AfterView...
https://angular.io/api/core/AfterView...
https://angular.io/api/core/OnDestroy

Код из урока можно посмотреть в репозитории GitHub в соответствующем коммите:
https://github.com/Yuri-Simonov/My-An...

Ссылка на плейлист данного курса по Angular:
• Angular курс для начинающих | Angular...

Мой телеграм канал по айтишечке:
https://t.me/yuri_simonov_it

Ссылка на проект Helper:
https://yuri-simonov.github.io/Helper/

Чат проекта Helper:
https://t.me/yuri_simonov_helper