Подешавање основе усмерења у Angular

Хајде сада да подесимо усмерење. Направићемо тако да ако је у адресној траци прегледача укуцан URL /aaaa/, да се приказује прва компонента, а ако је укуцан /bbbb/, да се приказује друга.

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

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

А сада треба рећи који URL одговара којој компоненти. За то је потребно направити специјални низ објеката са рутама (роутима). У сваком објекту ће бити кључ path, у коме се задаје URL (без завршних косих црта), и кључ component, у коме се задаје компонента која се приказује на том URL-у:

app/app.routes.tsexport const routes: Routes = [
  { path: 'aaaa', component: AaaaComponent },
  { path: 'bbbb', component: BbbbComponent },
];

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