> Для чего используются Content hooks (ContentInit, ContentChecked) в Angular (Angular)

Уровень: senior · Роль: frontend · Категория: Технические вопросы

Компании: LeverX

Стек: Angular

> Пример ответа

Content hooks в Angular (ngAfterContentInit и ngAfterContentChecked) предназначены для взаимодействия с проектируемым содержимым (content projection) через <ng-content>.

  • ngAfterContentInit вызывается один раз после того, как Angular впервые спроецировал внешнее содержимое в компонент. Используется для инициализации логики, зависящей от проекций, например, доступа к элементам через @ContentChild или @ContentChildren, когда они уже гарантированно доступны.

  • ngAfterContentChecked вызывается каждый раз после проверки изменений проектируемого содержимого (в том числе при каждом цикле обнаружения изменений). Применяется для реагирования на обновления проекций, но требует осторожности, так как может вызываться часто и влиять на производительность.

Пример: если у вас есть компонент-карточка с <ng-content>, вы можете использовать ngAfterContentInit, чтобы получить ссылку на спроецированный заголовок через @ContentChild и применить к нему стили.

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

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