Які існують hooks життєвого циклу в Angular?

В 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 дозволяють точно контролювати поведінку компонента на всіх етапах його життя і керувати ресурсами та даними.