Angularda asosiy routingni sozlash

Keling, endi routingni sozlaymiz. Qilaylik, brauzerning manzilar satrida /aaaa/ URL kiritilganda, birinchi komponent ko'rsatilsin, agar /bbbb/ kiritilsa, ikkinchi komponent ko'rsatilsin.

Bunday sozlama app.routes.ts faylida bajariladi. Boshlanish uchun komponentlarimizni import qilish kerak:

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

Endi qaysi URL qaysi komponentga mos kelishini aytish kerak. Buning uchun maxsus marshrutlar (route) bilan obyektlar massivi yaratish kerak. Har bir obyektda path kaliti bo'ladi, unda URL (oxirgi chiziqchasiz) belgilanadi, va component kaliti bo'ladi, unda shu URLga ko'rsatiladigan komponent belgilanadi:

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

Biroq, routing sozlamalari etarli emas. Ota-ona komponentida bizning komponentlarimiz chiqadigan joyni ko'rsatish kerak. Bilan keyingi darsda shug'ullanamiz.

app.routes.ts faylida routingni sozlang.