কৌণিক রাউটিং ব্যাখ্যা করা হয়েছে, ইউআরএল পাথের ভিত্তিতে কম্পোনেন্টে কীভাবে নেভিগেট করবেন

আমার আগের লেখায়, আমি কৌনিক 2+ সংস্করণ সহ বেসিক কৌণিক অ্যাপ্লিকেশন তৈরির পদক্ষেপগুলি ব্যাখ্যা করেছি।

এখানে আমি পরবর্তী পদক্ষেপটি ব্যাখ্যা করব, ইউআরএল পাথের উপর ভিত্তি করে বিভিন্ন উপাদানগুলিতে নেভিগেট করতে রাউটিং কীভাবে লিখবেন। উপাদান এবং মডিউল কী তা আপনার বিবেচনা করে। আপনার যদি এখানে মডিউল এবং উপাদান মন্তব্য সম্পর্কে সন্দেহ থাকে।

রাউটিং বাস্তবায়নের জন্য এখানে পদক্ষেপ রয়েছে:

ধাপ 1:

AppRoutingModule তৈরি করতে নীচের কমান্ডটি চালান

এনজি জি মডিউল অ্যাপ - রাউটিং

এটি নীচের লিখিত সামগ্রী সহ অ্যাপ-রাউটিং.মডিউল.টস ফাইল তৈরি করবে।

'@ কৌণিক / কোর' থেকে {এনজিএমডিউল import আমদানি করুন;
'@ কৌনিক / রাউটার' থেকে import রুটগুলি, রাউটারমোডুল import আমদানি করুন;
@ এনজিডমডুল ({আমদানি: [রাউটারমডিউল.ফোরচিল্ড (রুট))], রফতানি: [রাউটারমডুল]})
এক্সপোর্ট ক্লাস অ্যাপরোটিংমডিউল {

ধাপ ২:

রুট দিয়ে উপরের ফাইলটি সম্পাদনা করুন:

কনস্ট রুট: রুটস = ​​[{পথ: 'হোম', উপাদান: হোম কম্পোনেন্ট}]

এখানে আমি ধরণের রুটগুলির একটি ধ্রুবক তৈরি করেছি এবং স্বতন্ত্র পাথ এবং উপাদান নির্ধারিত করেছি। এটির মতো আপনি স্বতন্ত্র উপাদানগুলির সাথে একাধিক পাথ সংযুক্ত করতে পারেন। ফাইল সম্পাদনা করার পরে এটি নীচের মত দেখতে হবে:

'@ কৌণিক / কোর' থেকে {এনজিএমডিউল import আমদানি করুন;
'@ কৌনিক / রাউটার' থেকে import রুটগুলি, রাউটারমোডুল import আমদানি করুন;
কনস্ট রুটস: রুটস = ​​[{পথ: 'হোম', উপাদান: হোম কম্পোনেন্ট}, {পাথ: 'লগইন', উপাদান: লগইনপঞ্জি}]
@ এনজিডমডুল ({আমদানি: [রাউটারমডিউল.ফোরচিল্ড (রুট))], রফতানি: [রাউটারমডুল]})
এক্সপোর্ট ক্লাস অ্যাপরোটিংমডিউল {

এখন আপনি নীচের মত আপনার অ্যাপ্লিকেশন মডিউল ফাইলটিতে এই AppRoutingModule আমদানি করতে পারেন:

আমদানি: [
AppRoutingModule,
]

এখন আপনি আমাকে জিজ্ঞাসা করতে পারেন কীভাবে ডিফল্ট রাউটিংটি সংজ্ঞায়িত করতে হয়। ডিফল্ট রুট তৈরি করতে এখানে আপনাকে নীচের মতো পথটি নির্ধারণ করতে হবে:

{পথ: '', পুনর্নির্দেশ করুন: '/ হোম', প্যাথ ম্যাচ: 'পূর্ণ'}

নীচের মতো এটি অভ্যন্তরীণ রুটগুলি যুক্ত করুন:

কনস্ট রুট: রুটস = ​​[
{পথ: 'হোম', উপাদান: হোম কম্পোনেন্ট},
{পথ: '', পুনর্নির্দেশ করুন: '/ হোম', প্যাথ ম্যাচ: 'পূর্ণ'},
{পথ: 'লগইন', উপাদান: লগইনপঞ্জি}
]

আপনি নীচে ব্যবহার করে অবৈধ ইউআরএলগুলির জন্য রুট নির্ধারণ করতে পারেন:

{পথ: '**', পুনর্নির্দেশ করুন: '/ ত্রুটিপৃষ্ঠা', পথমেলা: 'পূর্ণ'}

এই নিবন্ধটি আমার পরবর্তী নিবন্ধে অব্যাহত আছে, সেখানে আমি কীভাবে শিশুদের রুট তৈরি করব, কীভাবে অলস লোডিং তৈরি করব এবং আরও অনেক কিছু ব্যাখ্যা করব।