Angular တွင် အခြေခံ Routing ကို သတ်မှတ်ခြင်း

ယခု routing ကို သတ်မှတ်ကြပါစို့။ ဘရောက်ဆာအသုံးပြုသူ၏ လိပ်စာဘားတွင် URL /aaaa/ ကို ရိုက်ထည့်လျှင် ပထမ ကွန်ပြူတာပစ္စည်းကို ပြသပြီး၊ /bbbb/ ကို ရိုက်ထည့်လျှင် ဒုတိယ ကွန်ပြူတာပစ္စည်းကို ပြသစေပါမည်။

ထိုသို့ သတ်မှတ်ရန် အတွက် app.routes.ts ဖိုင်တွင် ပြုလုပ်ရပါမည်။ အစပိုင်းတွင် ကျွန်ုပ်တို့၏ ကွန်ပြူတာပစ္စည်းများကို တင်သွင်းရန် လိုအပ်ပါသည်:

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

ယခု URL တစ်ခုစီသည် မည်သည့် ကွန်ပြူတာပစ္စည်းနှင့် သက်ဆိုင်သည်ကို ပြောပြရန် လိုအပ်ပါသည်။ ဤအတွက် လမ်းကြောင်းများ (routes) ပါဝင်သော အထူး အရာဝတ္ထုများ၏ ခင်းကျင်းမှုတစ်ခု ပြုလုပ်ရန် လိုအပ်ပါသည်။ အရာဝတ္ထုတစ်ခုစီတွင် path ဟူသော သော့ချက်ရှိပြီး၊ ၎င်းတွင် URL (အဆုံးသတ် မျဉ်းစောင်းများ မပါဘဲ) သတ်မှတ်ပေးပါသည်။ ထို့အပြင် component ဟူသော သော့ချက်လည်း ရှိပြီး၊ ထိုတွင် ထို URL အတွက် ပြသရမည့် ကွန်ပြူတာပစ္စည်းကို သတ်မှတ်ပေးပါသည်:

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

သို့ရာတွင်၊ routing သတ်မှတ်ချက်များတွင် လုံလောက်မှု မရှိသေးပါ။ မိဘ ကွန်ပြူတာပစ္စည်းအတွင်း ကျွန်ုပ်တို့၏ ကွန်ပြူတာပစ္စည်းများ ထွက်ပေါ်လာမည့် နေရာကို ညွှန်ပြရန် လိုအပ်ပါသည်။ ၎င်းကို ကျွန်ုပ်တို့ နောက်လာမည့် သင်ခန်းစာတွင် လုပ်ဆောင်ပါမည်။

app.routes.ts ဖိုင်တွင် routing ကို သတ်မှတ်ပါ။