Przekierowanie routera na inną trasę

Po uruchomieniu aplikacji domyślnie przechodzi do pustej trasy.
Możemy skonfigurować router domyślnie do przekierowania na wyznaczoną trasę:

export const routes: Routes = [
  { path: '', redirectTo: 'component-one', pathMatch: 'full' },
  { path: 'component-one', component: ComponentOne },
  { path: 'component-two', component: ComponentTwo }
];

Właściwość pathMatch wymagana dla przekierowań informuje router, w jaki sposób powinien odpowiadać podanemu adresowi URL, aby przekierować do określonej trasy. Ponieważ podano pathMatch: full, router przekieruje docomponent-one, jeśli cały adres URL pasuje do pustej ścieżki ('').

Po uruchomieniu aplikacji automatycznie przejdzie do trasy dla component-one.

Definiowanie połączeń między trasami

Dodaj linki do tras za pomocą dyrektywy RouterLink.

Na przykład poniższy kod definiuje łącze do trasy w ścieżce component-one.

<a routerLink="/component-one">Component One</a>

Nawigacja programowo

Alternatywnie możesz nawigować do trasy, wywołując funkcję navigate na routerze:

this.router.navigate(['/component-one']);