Konfigurimi i Routingut Bazë në Angular

Tani le të konfigurojmë routingun. Le të bëjmë ashtu që nëse në shiritin e adresave të shfletuesit është shkruar URL /aaaa/, të shfaqet komponenti i parë, dhe nëse është shkruar /bbbb/, i dyti.

Ky konfigurim bëhet në skedarin app.routes.ts. Fillimisht duhet të importojmë komponentët tanë:

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

Dhe tani duhet të tregohet se cilit URL i përgjigjet cili komponent. Për këtë duhet krijuar nje grup të posaçëm objektesh me rrugëzimin (routet). Në çdo objekt do të ketë një çelës path, në të cilin vendoset URL (pa shenja prerje përfundimtare), dhe çelësin component, në të cilin vendoset komponenti që shfaqet në këtë URL:

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

Megjithatë, konfigurimi i routingut nuk mjafton. Duhet të tregohet vendi në komponentin prind ku do të shfaqen komponentët tanë. Me këtë do të merremi në mësimin e ardhshëm.

Konfiguroni routingun në skedarin app.routes.ts.