Angular 从子目录导航到根目录？

问题是我想从子路由中导航到应用程序根目录

这是我的结构：

export const rootRouterConfig: Routes = [
   { path: '', redirectTo: 'login', pathMatch: 'full' },
   { path: 'login', component: LoginComponent, canActivate: [AuthGuard] },
   { path: 'dashboard', component: DashboardComponent, resolve: { data: UserResolver},
     children: [
        { path: '', redirectTo: 'projects', pathMatch: 'full' },
        { path: 'projects', component: ProjectsComponent, resolve: { data: UserResolver}},
        { path: 'addproject', component: AddprojectComponent, resolve: { data: UserResolver}},
        { path: 'updateproject/:key', component: AddprojectComponent, resolve: { data: UserResolver}},
        { path: 'network', component: NetworkComponent, resolve: { data: UserResolver}},
        { path: 'figures', component: FiguresComponent, resolve: { data: UserResolver}},
        { path: 'user', component: UserComponent,  resolve: { data: UserResolver}}
     ]
   },
   { path: 'forgot', component: ForgotComponent },
];

这是app.compent.html：

<main>
    <router-outlet></router-outlet>
</main>

---

您需要相对于现有的

路由进行路由

this.route.navigate([ '../../' ], { relativeTo: this.route })

关于：

---

因为这是不可能的，因为我在一个 仪表板组件的子级，因此在 儿童出口

这应该是可能的。我总是这样做

只需确保在路径中指定斜线，使其不相对于当前位置

比如说：

this.router.navigate(['/login']);

---

只是猜测，不应作为答案，请尝试：

this.route.navigate（['./../']，{relativeTo:this.activatedRoute}）

如果要转到登录组件，那么为什么不直接导航到登录组件？共享您的auth guard？因为这是不可能的，因为我位于作为仪表板组件子级的UserComponent内，所以单击发生在子出口内。这是我的auth guard：

this.route.navigate([ '../../' ], { relativeTo: this.route })

this.router.navigate(['/login']);