Angular-та негізгі маршруттауды баптау

Енді маршруттауды баптайық. Браузердің мекенжай жолағында /aaaa/ URL енгізілсе, бірінші компонент көрсетілсін, ал егер /bbbb/ енгізілсе, екінші компонент көрсетілсін.

Мұндай баптау app.routes.ts файлында жасалады. Алдымен біздің компоненттерді импорттау керек:

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

Енді қай URL-дің қай компонентке сәйкес келетін айту керек. Бұл үшін маршруттармен (роутерлермен) арнайы объектілер массивін жасау керек. Әрбір объектте path кілті болады, онда URL (соңғы кәтерменсіз) көрсетіледі, және component кілті болады, онда осы URL бойынша көрсетілетін компонент көрсетіледі:

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

Алайда, маршруттауды баптау жеткіліксіз. Ата-ана компонентте біздің компоненттердің шығатын орнын көрсету керек. Біз мұны келесі сабақта жасаймыз.

app.routes.ts файлында маршруттауды баптаңыз.