Pagrindinio maršruto konfigūravimas Angular

Dabar sukonfigūruokime maršrutizaciją. Padarykime taip, kad jei naršyklės adreso juostoje įvestas URL /aaaa/, būtų rodomas pirmasis komponentas, o jei įvestas /bbbb/, tai antrasis.

Toks nustatymas atliekamas faile app.routes.ts. Pirmiausia reikia importuoti mūsų komponentus:

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

O dabar reikia nurodyti, kuris URL atitinka kurį komponentą. Tam reikia sukurti specialų objektų masyvą su maršrutais (routes). Kiekviename objekte bus raktas path, kuriame nustatomas URL (be galinių pasvirųjų brūkšnių), ir raktas component, kuriame nustatomas komponentas, kuris rodomas pagal šį URL:

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

Maršrutizacijos nustatymų, tačiau, nepakanka. Reikia pagrindiniame komponente nurodyti vietą, į kurią bus išvedami mūsų komponentai. Tai mes darysime kitame puslapyje.

Nustatykite maršrutizaciją faile app.routes.ts.