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

Покращити цю статтю

Допрацюйте відповідь до «Що робить ngAfterContentInit()? Коли він викликається?». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

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

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

1. **Що робить**:

- Дозволяє працювати з **контентом, вставленим з батьківського компонента**.
- Можна отримувати доступ до спроєктованих елементів через `@ContentChild` або `@ContentChildren`.

2. **Коли викликається**:

- **Один раз** після першої проекції контенту в компонент.
- Перед будь-якими перевірками представлення (`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**.

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати129 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.