Pamata maršrutēšanas iestatīšana Angular

Tagad iestatīsim maršrutēšanu. Padarīsim tā, lai, ja pārlūkā adreses joslā ievadīts URL /aaaa/, tiktu rādīts pirmais komponents, un, ja ievadīts /bbbb/, tad otrais.

Šāds iestatījums tiek veikts failā app.routes.ts. Vispirms ir nepieciešams importēt mūsu komponentus:

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

Un tagad jānorāda, kurš URL atbilst kuram komponentam. Lai to izdarītu, ir jāizveido īpašs objektu masīvs ar maršrutiem (routes). Katrā objektā būs atslēga path, kurā tiek iestatīts URL (bez beigu slīpsvītrām), un atslēga component, kurā tiek iestatīts komponents, kas tiek rādīts šajā URL:

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

Tomēr maršrutēšanas iestatījumi vien nepietiek. Vecāka komponentā ir jānorāda vieta, kurā tiks attēloti mūsu komponenti. Ar to nodarbosimies nākamajā nodarbībā.

Iestatiet maršrutēšanu failā app.routes.ts.