> Что такое 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 (очистка).

> ГОТОВЫ К СЛЕДУЮЩЕМУ СОБЕСЕДОВАНИЮ?

Запустите тренировочную сессию с ИИ и получите детальную обратную связь, чтобы увереннее проходить реальные интервью