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('constructor is started');
  }
  
  ngOnDestroy() {
    console.log('onDestroy is applied');
  }
}