> Что такое Lifecycle Hooks в Angular и какие из них используются? (Angular)
Уровень: junior · Роль: frontend · Категория: Технические вопросы
Компании: LeverX
Стек: Angular
> Пример ответа
Lifecycle Hooks в Angular - это методы, которые вызываются автоматически в определенные моменты жизненного цикла компонента или директивы. Они позволяют разработчику вмешиваться в ключевые этапы: создание, изменение и уничтожение элемента. Основные хуки, используемые на практике:
-
ngOnChanges - вызывается при изменении входных свойств (
@Input), до инициализации компонента. Полезен для реагирования на обновления данных из родителя. -
ngOnInit - вызывается один раз после первого
ngOnChanges. Используется для инициализации данных, подписок и логики, не зависящей от входных свойств. -
ngDoCheck - вызывается при каждой проверке изменений (даже если Angular не обнаружил изменений). Позволяет реализовать собственную стратегию обнаружения изменений, но требует осторожности из-за частоты вызовов.
-
ngAfterContentInit - вызывается после вставки проекции содержимого (
<ng-content>). Используется для работы с контентом, переданным из родителя. -
ngAfterContentChecked - вызывается после каждой проверки проекции содержимого.
-
ngAfterViewInit - вызывается после инициализации представления компонента и дочерних компонентов. Используется для работы с DOM или дочерними компонентами.
-
ngAfterViewChecked - вызывается после каждой проверки представления.
-
ngOnDestroy - вызывается перед уничтожением компонента. Обязателен для отписки от Observable, очистки таймеров и предотвращения утечек памяти.
Наиболее часто используемые хуки - ngOnInit (инициализация) и ngOnDestroy (очистка).
> Похожие задачи по frontend
Что такое компоненты, модули, сервисы, интерцепторы и директивы в Angular?
Какие типы пайпов бывают в Angular и в чем разница между pure и impure пайпами?
Как добавить обработчик события на DOM-элемент в React?
Можно ли использовать key вне рендеринга списков в React
> ГОТОВЫ К СЛЕДУЮЩЕМУ СОБЕСЕДОВАНИЮ?
Запустите тренировочную сессию с ИИ и получите детальную обратную связь, чтобы увереннее проходить реальные интервью