Що таке життєвий цикл Angular-застосунку?

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

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

1. Бутстрап (Bootstrap)

• Angular ініціалізує кореневий модуль (AppModule) і кореневий компонент (AppComponent).
• Створюється дерево компонентів і впроваджуються сервіси через DI.

2. Створення компонентів і модулів

• Для кожного компонента викликаються lifecycle hooks: ngOnChanges, ngOnInit, ngDoCheck, ngAfterContentInit, ngAfterViewInit тощо.
• Angular будує структуру DOM на основі шаблонів і директив.

3. Виявлення змін (Change Detection)

• Angular відстежує зміни даних і оновлює DOM автоматично.
• При події користувача, асинхронній операції або таймері Angular перевіряє компоненти й оновлює представлення.

4. Взаємодія з користувачем

• Обробники подій викликаються через прив'язки (event), дані оновлюються через @Input і ngModel.
• Change Detection гарантує, що зміни відобразяться в шаблонах.

5. Завершення / знищення

• Коли застосунок або компонент видаляються, викликається hook ngOnDestroy().
• Angular звільняє ресурси і відписує підписки.

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