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

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

Допрацюйте відповідь до «Які існують hooks життєвого циклу в Angular?». Ваші зміни проходять модерацію перед публікацією.

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

Контент

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

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

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

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

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

В Angular є кілька **lifecycle hooks**, які дозволяють реагувати на створення, оновлення та знищення компонента:

## Lifecycle hooks

1. `ngOnChanges(changes: SimpleChanges)`

- Викликається при зміні вхідних даних (`@Input`).
- Отримує об'єкт `changes` з попередніми і поточними значеннями.

2. `ngOnInit()`

- Викликається один раз після першої ініціалізації вхідних властивостей.
- Використовується для початкового налаштування компонента, завантаження даних.

3. `ngDoCheck()`

- Викликається під час кожної перевірки змін Angular.
- Дозволяє реалізувати кастомну логіку відстеження змін.

4. `ngAfterContentInit()`

- Викликається після проекції зовнішнього контенту (`<ng-content>`).
- Підходить для роботи з контентом, вставленим з батьківського компонента.

5. `ngAfterContentChecked()`

- Викликається після кожної перевірки спроєктованого контенту.

6. `ngAfterViewInit()`

- Викликається після ініціалізації представлення компонента та його дочірніх компонентів.
- Можна безпечно працювати з елементами DOM через `ViewChild`.

7. `ngAfterViewChecked()`

- Викликається після кожної перевірки представлення компонента та дочірніх компонентів.

8. `ngOnDestroy()`

- Викликається перед знищенням компонента.
- Використовується для очищення ресурсів: відписка від підписок, таймерів, подій.

Ці hooks дозволяють **точно контролювати поведінку компонента на всіх етапах його життя** і керувати ресурсами та даними.

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

Для рев’юера

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

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