Angular-daky ngOnDestroy hooky

ngOnDestroy hook-y komponent ýok edilende işleýär. Bu hook-da çeşmeleri boşatmak, element waqalandyrmalaryna ýazylyşy aýyrmak, taymerleri yzygider etdirmek we ş.m. amallary ýerine ýetirip bolar.

Angular-da komponenti döretmek we ýok etmek, if şerti arkaly reaksiýaly görkezilende we gizlenende ýüze çykýar. Ýagny, Angular komponentleri diňe gizlemeýär, eýsem olary ýok edýär we yzyna gaýtaryp berýär.

Şeýle hem, komponentler aýlawlarda reaksiýaly gaýtalanylanda döredilip we ýok edilýär. Bu ýagdaýda hem Angular komponentleri döredýär we ýok edýär.

Amaly işde synap göreli. OnDestroy interfeýsini import edeli:

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

Ony klasa birikdireli:

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

Indi bolsa öz hook-ymyzy ýazalyň:

app/user/user.component.tsexport class UserComponent implements OnDestroy {
  constructor() {
    console.log('Konstruktor başlandy');
  }
  
  ngOnDestroy() {
    console.log('onDestroy ulanyldy');
  }
}