Põhilise marsruutimise seadistamine Angularis

Seadistame nüüd marsruutimise. Teeme nii, et kui brauseri aadressiribale on sisestatud URL /aaaa/, siis kuvataks esimest komponenti ja kui on sisestatud /bbbb/, siis teist.

See seadistus tehakse failis app.routes.ts. Kõigepealt tuleb importida meie komponendid:

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

Ja nüüd tuleb öelda, milline URL vastab millisele komponendile. Selleks tuleb teha spetsiaalne massiiv marsruutide objektidega. Igas objektis on võti path, kuhu määratakse URL (ilma lõpuslookesteta), ja võti component, kuhu määratakse komponent, mida sellel URL-il kuvatakse:

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

Marsruutimise seadistusest ei piisa siiski. Tuleb vanemkomponendis määrata koht, kuhu meie komponendid välja kuvatakse. Sellega tegeleme järgmises õppetükis.

Seadistage marsruutimine failis app.routes.ts.