Конфигурирање на основно рутирање во Angular

Ајде сега да го конфигурираме рутирањето. Ќе направиме така што ако во адресната лента на прелистувачот е внесена URL адреса /aaaa/, да се прикажува првата компонента, а ако е внесена /bbbb/, втората.

Ваквото конфигурирање се прави во датотеката app.routes.ts. За почеток треба да ги импортираме нашите компоненти:

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

А сега треба да се каже која URL адреса на која компонента одговара. За ова треба да се направи специјален низ на објекти со рутите (routes). Во секој објект ќе има клуч path, во кој се задава URL адресата (без завршни косы црты), и клуч component, во кој се задава компонентата што се прикажува на оваа URL адреса:

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

Подесувањата за рутирањето, сепак, не се доволни. Треба во родителската компонента да се назначи местото во кое ќе се прикажуваат нашите компоненти. Со ова ќе се занимаваме во следната лекција.

Конфигурирајте рутирање во датотеката app.routes.ts.