Роутинги асосиро дар Angular танзим кардан

Ҳоло биёед роутингро танзим кунем. Биёед чунин кунем, ки агар дар сатри суроғаи браузер URL /aaaa/ ворид шуда бошад, он гоҳ компоненти якум нишон дода шавад, ва агар /bbbb/ ворид шуда бошад, он гоҳ дуввумӣ нишон дода шавад.

Чунин танзимот дар файли app.routes.ts анҷом дода мешавад. Барои оғоз зарур аст компонентҳои худро ворид кунед:

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

Ва ҳоло бояд гуфт, ки кадом URL ба кадом компонент мувофиқат мекунад. Барои ин бояд массиви махсуси аз объектҳо бо масирҳо (route) сохт. Дар ҳар як объект калиди path хоҳад буд, ки дар он URL (бе сими каҷоҳои охирӣ) муқаррар карда мешавад, ва калиди component, ки дар он компоненте, ки дар ин URL нишон дода мешавад, муқаррар карда мешавад:

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

Аммо, танзимоти роутинг кофӣ нест. Дар компоненти волидайн бояд ҷоеро муқаррар кунед, ки ба он компонентҳои мо бароварда мешаванд. Мо дар дарси оянда ба ин машғул мешавем.

Роутингро дар файли app.routes.ts танзим кунед.