Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «У якому порядку викликаються hooks життєвого циклу?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Порядок виклику lifecycle hooks Angular для компонента: `ngOnChanges → ngOnInit → ngDoCheck → ngAfterContentInit → ngAfterContentChecked → ngAfterViewInit → ngAfterViewChecked → ngOnDestroy`Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняПорядок виклику lifecycle hooks Angular для компонента: ## Порядок виклику 1. `ngOnChanges(changes)` - викликається при зміні вхідних даних (`@Input`) **до ініціалізації** компонента. 2. `ngOnInit()` - один раз після першої ініціалізації вхідних властивостей. 3. `ngDoCheck()` - після `ngOnInit`, під час кожної перевірки змін Angular. 4. `ngAfterContentInit()` - після проекції зовнішнього контенту (`<ng-content>`), один раз. 5. `ngAfterContentChecked()` - після кожної перевірки спроєктованого контенту. 6. `ngAfterViewInit()` - після ініціалізації представлення компонента та його дочірніх компонентів, один раз. 7. `ngAfterViewChecked()` - після кожної перевірки представлення компонента та дочірніх компонентів. 8. `ngOnDestroy()` - перед знищенням компонента. Тобто послідовність: `ngOnChanges → ngOnInit → ngDoCheck → ngAfterContentInit → ngAfterContentChecked → ngAfterViewInit → ngAfterViewChecked → ngOnDestroy` Якщо вхідні дані змінюються після ініціалізації, `ngOnChanges` **і** `ngDoCheck` **можуть викликатися багаторазово**, інші hooks (`After*`) - після кожної перевірки контенту чи представлення.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.