Angular да ngOnDestroy хуки

ngOnDestroy хуки компонент ўчирилганда ишга тушади. Бу хукида ресурсларни бўшатиш, элементларнинг вокеаларга обуна бўлишни бекор қилиш, таймерларни тўхтатиш ва ҳ.к. амалларни бажариш мумкин.

Angular да компонентни яратиш ва ўчириш, ундaif шарти ёрдамида реактив ravishda кўрсатилиши ва бекитилиши билан содир бўлади. Яъни Angular компонентларни оддийгина бекитмай, балки уларни ўчириб, keyin қайтариб олади.

Шунингдек, компонентлар улар циклларда реактив ravishda қайтарилганда ҳам яратилади ва ўчирилади. Бунда ҳолда Angular компонентларни яратиши ва ўчириши мумкин.

Амалда синаб кўрайлик. OnDestroy интерфейсини импорт қиламиз:

app/user/user.component.tsimport { OnDestroy } from '@angular/core';

Уни классга улантамиз:

app/user/user.component.tsexport class UserComponent implements OnDestroy {
  
}

Энди бизнинг хукимизни ёзайлик:

app/user/user.component.tsexport class UserComponent implements OnDestroy {
  constructor() {
    console.log('constructor is started');
  }
  
  ngOnDestroy() {
    console.log('onDestroy is applied');
  }
}