Kuweka Msingi wa Routing katika Angular

Wacha sasa tuweke routing. Tufanye hivi: ikiwa kwenye upau wa anwani wa kivinjari umeandika URL /aaaa/, basi kipengele cha kwanza kionekane, na ikiwa umeandika /bbbb/, basi kipengele cha pili kionekane.

Mpangilio kama huo unafanywa kwenye faili app.routes.ts. Kwanza inahitajika kuingiza vipengele vyetu:

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

Sasa inahitajika kuonyesha ni URL gani inakabiliana na kipengele gani. Ili kufanya hivyo, inahitajika kutengeneza safu maalum ya vitu vilivyo na njia (routes). Kila kitu kitakuwa na ufunguo path, ambamo umewekwa URL (bila mstari wa mwisho), na ufunguo component, ambamo umewekwa kipengele, ambacho kinaonyeshwa kwa URL hii:

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

Hata hivyo, mipangilio ya routing haitoshi. Inahitajika katika kipengele kikuu kuonyesha mahali, ambapo vipengele vyetu vitatumwa. Tutashughulika na hili katika somo linalofuata.

Weka routing kwenye faili app.routes.ts.