Angular-এ কম্পোনেন্টে রুট প্যারামিটারের মান

আমরা রাউটে যে প্যারামিটারগুলি সংজ্ঞায়িত করি সেগুলোর মান কম্পোনেন্ট ক্লাসে পাওয়া যায়। আসুন দেখি কিভাবে এটি করা যেতে পারে। ধরুন আমাদের নিম্নলিখিত প্যারামিটার সহ একটি রুট রয়েছে:

app/app.routes.tsconst routes: Routes = [
  { path: 'aaaa/:id', component: AaaaComponent },
  { path: 'bbbb', component: BbbbComponent },
];

আসুন এই প্যারামিটারের মানটি কম্পোনেন্ট ক্লাসে পাই। এখানে এটি লক্ষ্য করা গুরুত্বপূর্ণ যে রুট প্যারামিটারের মানগুলি শুধুমাত্র সেই কম্পোনেন্টে পাওয়া যেতে পারে, যা রুটের সাথে লিঙ্ক করা। আমাদের ক্ষেত্রে, রুটের সাথে Aaaa কম্পোনেন্ট লিঙ্ক করা। তাই আমরা এর সাথেই কাজ চালিয়ে যাব।

সুতরাং, রুট প্যারামিটারের মান পেতে আমাদের ActivatedRoute সার্ভিসটি ব্যবহার করতে হবে। এটি আমাদের কম্পোনেন্টে ইম্পোর্ট করি:

app/aaaa/aaaa.component.tsimport { ActivatedRoute} from "@angular/router";

কনস্ট্রাক্টরে সার্ভিসটি ইনজেক্ট করি:

app/aaaa/aaaa.component.tsexport class AaaaComponent {
  constructor(private activateRoute: ActivatedRoute) {
    
  }
}

প্যারামিটার সহ অবজেক্টটি পাই:

app/aaaa/aaaa.component.tsexport class AaaaComponent {
  constructor(private activateRoute: ActivatedRoute) {
    let params = activateRoute.snapshot.params;
    console.log(params);
  }
}

আমাদের প্যারামিটারের মানটি পাই:

app/aaaa/aaaa.component.tsexport class AaaaComponent {
  constructor(private activateRoute: ActivatedRoute) {
    let params = activateRoute.snapshot.params;
    let id = params['id'];
    console.log(id);
  }
}