Skip to main content

Що робить ngAfterContentInit()? Коли він викликається?

AngularJunior~1 хв читання
Запропонувати правку

В Angular ngAfterContentInit() - це lifecycle hook, який викликається один раз після того, як Angular вставив (спроєктував) зовнішній контент у компонент через <ng-content>.

Основні моменти

  1. Що робить:
  • Дозволяє працювати з контентом, вставленим з батьківського компонента.
  • Можна отримувати доступ до спроєктованих елементів через @ContentChild або @ContentChildren.
  1. Коли викликається:
  • Один раз після першої проекції контенту в компонент.
  • Перед будь-якими перевірками представлення (AfterViewInit) і після ngOnInit().

Приклад:

ts
export class ChildComponent implements AfterContentInit { @ContentChild('projectedContent') content: ElementRef; ngAfterContentInit() { console.log('Спроєктований контент доступний:', this.content.nativeElement); } }
html
<child-component> <p #projectedContent>Привіт від батьківського компонента!</p> </child-component>
  • У ngAfterContentInit уже можна безпечно працювати з <p>, вставленим батьківським компонентом.

Іншими словами, ngAfterContentInit - це hook для роботи з контентом, спроєктованим у компонент, після його вставки в DOM.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Запропонувати правку