Przekierowanie nie zmienia widoku w kanciastym 4 - kątowym, kątowym-ui-routerze

Jestem nowy z kanciastą i nie wiem jakpoprawnie przekierować. Robiłem tę prostą stronę w stackblitz, aby ją przetestować, ale moje przekierowanie nie działa dobrze, ponieważ informacja o html się nie zmienia. Czy to, co powiedziałeś, jest moją winą?

https://stackblitz.com/edit/angular-2bxumx?file=app%2Fpage1%2Fpage1.component.html

Odpowiedzi:

Brakuje tagu wyjściowego routera na swoim html ... i musisz dodać domyślną trasę:

Zauważ, że po dodaniu następującego wiersza w app.compontne.ts twoja strona1 zostanie załadowana po kliknięciu:

<router-outlet></router-outlet>

Pamiętaj też, aby ustawić domyślną trasę, aby po załadowaniu aplikacji router miał coś do pokazania:

const appRoutes: Routes = [
{ path: "", redirectTo: "hello", pathMatch: "full" },
{ path: "hello", component: HelloComponent },
...
];

Polecam przynajmniej rzucić okiem na dokumenty nawigacja.