He anidado el enrutamiento en mi aplicación angular. Mi enrutamiento en el módulo de la aplicación se ve así
const routes: Routes = [ { path: 'auth', loadChildren: () => import('./modules/auth/auth.module').then((m) => m.AuthModule), }, { path: 'dashboard', loadChildren: () => import('./modules/dashboard/dashboard.module').then( (m) => m.DashboardModule ), }, { path: '', redirectTo: 'auth', pathMatch: 'full', }, ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule], }) export class AppRoutingModule {}
y rutas anidadas en el módulo de autenticación
const routes: Routes = [ { path: 'login', component: LoginPageComponent }, { path: 'register', component: RegisterPageComponent }, { path: '', redirectTo: 'login', pathMatch: 'full' }, ]; @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule], }) export class AuthRoutingModule {}
Cuando estoy en la página de inicio de sesión, la ruta es: /auth/login Y después de iniciar sesión correctamente, trato de cambiar la ruta a /dashboard con este código:
this.router.navigate(['/dashboard']
pero en lugar de eso, soy redirigido a /dashboard/login. ¿Cómo puedo deshacerme de este /login?