Skip to main content

Що робить ngOnDestroy()? Коли він викликається?

В Angular ngOnDestroy() - це lifecycle hook, який викликається перед знищенням компонента або директиви.

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

  1. Що робить:
  • Дозволяє очистити ресурси, які були створені компонентом: таймери, підписки на події (Observable), обробники DOM, зовнішні бібліотеки.
  • Запобігає витокам пам'яті та неочікуваним помилкам після видалення компонента.
  1. Коли викликається:
  • Один раз перед видаленням компонента з DOM.
  • Після завершення всіх перевірок і оновлень представлення (AfterViewChecked).

Приклад:

ts
export class MyComponent implements OnDestroy { subscription: Subscription; ngOnInit() { this.subscription = this.dataService.getData().subscribe(); } ngOnDestroy() { this.subscription.unsubscribe(); // очищення підписки console.log('Компонент знищено'); } }

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

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.