Nastavitev osnovnega usmerjanja v Angular

Poglejmo si zdaj nastavitev usmerjanja. Naredimo tako, da če je v naslovni vrstici brskalnika vpisan URL /aaaa/, se prikaže prva komponenta, če pa je vpisan /bbbb/, pa druga.

Takšna nastavitev se opravi v datoteki app.routes.ts. Za začetek je treba uvoziti naši komponenti:

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

In zdaj je treba povedati, kateri URL ustreza kateri komponenti. Za to je treba narediti poseben niz objektov s poti (routes). V vsakem objektu bo ključ path, v katerem nastavimo URL (brez končnih poševnic), in ključ component, v katerem nastavimo komponento, ki se prikaže na tem URL-ju:

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

Vendar nastavitev usmerjanja ni dovolj. V nadrejeni komponenti je treba navesti mesto, kamor bodo izpisane naše komponente. S tem se bomo ukvarjali v naslednji lekciji.