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
RouterLink
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']);