la redirección no cambia la vista en angular 4 - angular, angular-ui-router

Soy nuevo con angular y no sé cómoredirigir correctamente Estaba haciendo esta simple página en stackblitz para probarlo, pero mi redirección no funciona bien, porque la información de html no cambia. ¿Me puedes decir cuál es mi culpa?

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

Respuestas

Le falta la etiqueta de salida del enrutador en su html ... y también necesita agregar una ruta predeterminada:

Tenga en cuenta que si agrega la siguiente línea en app.compontne.ts, su página1 se cargará al hacer clic:

<router-outlet></router-outlet>

Asimismo, recuerde establecer una ruta predeterminada para que cuando se cargue la aplicación, el enrutador tenga algo que mostrar:

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

Te recomiendo que al menos eches un vistazo a la documentación de navegación.