Tengo una aplicación angular en la que quiero enrutar al usuario a una nueva página después de iniciar sesión correctamente. Pero la página web no se está cargando, solo la URL está cambiando, probé la salida del enrutador pero muestra el componente debajo de mi componente de inicio de sesión. Lo que quiero es dirigirme a una página completamente nueva.

Módulo de enrutamiento de aplicaciones:

 const routes: Routes = [ {path: 'dashboard' , component: DashboardComponent, canActivate: [AuthGuard]}, {path: 'authenticate', component: LoginComponent}, {path: '' , redirectTo: 'authenticate', pathMatch: 'full'} ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule], providers: [AuthGuard] }) export class AppRoutingModule { }

Componente de la aplicación.html

 <nb-layout-header fixed > Moniesta </nb-layout-header> <nb-layout-column> <moniesta-login></moniesta-login> <router-outlet></router-outlet> </nb-layout-column> <nb-layout-footer fixed> <!-- Insert footer here --> </nb-layout-footer> </nb-layout>

Método en mi servicio para cargar a la nueva URL y página web:

 authenticateUser(login: LoginModel){ return this.http.post(environment.rootUrl + 'authenticate', { username: login.username, password: login.password, }).subscribe({ next: (data) => { localStorage.setItem('token', data.toString()) this.router.navigate(['/dashboard']) }, error: (error) => { this.isAuthenticated = false } }) }

¿Alguien podría ayudarme y decirme qué está mal?