Angular හි ngOnDestroy හුක්

ngOnDestroy හුක් එක සංරචකය ඉවත් කරන විට ක්‍රියාත්මක වේ. මෙම හුක් එක තුළ, ඔබට සම්පත් නිදහස් කිරීමට, මූලද්‍රව්‍ය සිදුවීම්වලට දායකත්වය ඉවත් කිරීමට, ටයිමර් නතර කිරීමට සහ සමාන දේවල් කළ හැකිය.

Angular හි සංරචකයක් නිර්මාණය කිරීම සහ ඉවත් කිරීම සිදුවන්නේ, එය if කොන්දේසියක් භාවිතයෙන් ප්‍රතික්‍රියාශීලීව පෙන්වනු ලබන විට සහ සැඟවෙන විට ය. එනම්, Angular සංරචක සරලව සඟවන්නේ නැත, ඒවා ඉවත් කර නැවත ආපසු ලබා දෙයි.

එසේම, සංරචක පුනරාවර්තන තුළ ප්‍රතික්‍රියාශීලීව පෙරළන විටද ඒවා නිර්මාණය වී ඉවත් කෙරේ. මෙම අවස්ථාවේ දී, 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('ගොඩනැගිලිකරු ආරම්භ විය');
  }
  
  ngOnDestroy() {
    console.log('onDestroy යොදන ලදී');
  }
}