Angular-এ একাধিক হুক
একই সাথে একাধিক হুক সেট করা সম্ভব। আসুন দেখি কিভাবে এটি করা যায় ইতিমধ্যে শেখা দুটি হুকের উদাহরণে।
দুটি ইন্টারফেস ইম্পোর্ট করি:
import { OnInit, OnDestroy } from '@angular/core';
সেগুলো ক্লাসের সাথে সংযুক্ত করি:
export class UserComponent implements OnInit, OnDestroy {
}
আমাদের দুটি হুক লিখি:
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
রিঅ্যাকটিভ if শর্তে উভয় হুকের কাজ পরীক্ষা করুন।
রিঅ্যাকটিভ লুপে উভয় হুকের কাজ পরীক্ষা করুন।