Angular-এ ngOnInit হুক

ngOnInit হুকটি কম্পোনেন্ট ইনিশিয়ালাইজেশনের সময় ট্রিগার হয়। এর ক্রিয়া ক্লাস কনস্ট্রাক্টরের মতোই, কিন্তু এখানে আরও জটিল কাজ করা যায়, যেমন সার্ভার থেকে ডেটা লোড করা।

চলুন দেখি কিভাবে এই হুকটি ব্যবহার করতে হয়। প্রথমে এর ইন্টারফেসটি ইম্পোর্ট করতে হবে:

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

এরপর কম্পোনেন্ট ক্লাসে ইন্টারফেসটি অন্তর্ভুক্ত করতে হবে:

app/user/user.component.tsexport class UserComponent implements OnInit {

}

এর পরে আমরা কম্পোনেন্ট ক্লাসে ngOnInit মেথড লিখতে পারব এবং এই মেথডটি ক্লাস ইনিশিয়ালাইজেশনের সময় স্বয়ংক্রিয়ভাবে এক্সিকিউট হবে। এর কাজ পরীক্ষা করা যাক:

app/user/user.component.tsexport class UserComponent implements OnInit {
  constructor() {
    console.log('constructor is started');
  }
  ngOnInit() {
    console.log('onInit is applied');
  }
}