Angular-এ বেসিক রাউটিং কনফিগারেশন

চলুন এখন রাউটিং কনফিগার করি। এমন করি যাতে ব্রাউজারের অ্যাড্রেস বারে URL /aaaa/ টাইপ করা থাকলে, প্রথম কম্পোনেন্টটি দেখায়, এবং যদি /bbbb/ টাইপ করা থাকে, তাহলে দ্বিতীয়টি দেখায়।

এই কনফিগারেশনটি app.routes.ts ফাইলে করা হয়। শুরুতে আমাদের কম্পোনেন্টগুলি ইম্পোর্ট করতে হবে:

import { AaaaComponent } from './aaaa/aaaa.component';
import { BbbbComponent } from './bbbb/bbbb.component';

এবং এখন বলতে হবে কোন URL কোন কম্পোনেন্টের সাথে মিলে যায়। এর জন্য রুট সহ অবজেক্টের একটি বিশেষ অ্যারে (রাউট) তৈরি করতে হবে। প্রতিটি অবজেক্টে একটি path কী থাকবে, যাতে URL (শেষের স্ল্যাশ ছাড়া) সেট করা হয়, এবং একটি component কী থাকবে, যাতে সেই URL-এ দেখানো কম্পোনেন্টটি সেট করা হয়:

export const routes: Routes = [
	{ path: 'aaaa', component: AaaaComponent },
	{ path: 'bbbb', component: BbbbComponent },
];

যাইহোক, শুধু রাউটিং সেটিংসই যথেষ্ট নয়। প্যারেন্ট কম্পোনেন্টে আমাদের কম্পোনেন্টগুলি যেখানে আউটপুট হবে সেই জায়গাটি নির্দিষ্ট করতে হবে। এটি আমরা পরবর্তী পাঠে করব।

app.routes.ts ফাইলে রাউটিং কনফিগার করুন।