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 ගොනුවේ රූටින් සකසන්න.