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?