我如何在保持同级路线的同时关闭儿童辅助路线?

时间:2019-05-01 19:08:13

标签: angular angular-router angular-auxiliary-routes

导航远离辅助路线

parent/(childA//dialog:childC)

返回当前的同级路由会生成一个时髦的URL

parent/(child)

而不是期望的

parent/child

我能够为孩子提供辅助路线,没问题。这是我的路线:

{
  path: 'parent',
  component: ParentComponent,
  canActivate: [ParentGuard],
  canActivateChild: [ParentGuard],
  resolve: {
    object: ParentResolverService
  },
  children: [
    {
      path: '', redirectTo: 'childA', pathMatch: 'full'
    },
    {
      path: 'childA', component: ChildAComponent, outlet: 'primary'
    },
    {
      path: 'childB', component: ChildBComponent, outlet: 'primary'
    },
    {
      path: 'childC', component: ChildCComponent, outlet: 'dialog'
    }
  ]
}

这是router.navigate呼叫,我正在尝试“关闭”辅助路由。

this.router.navigate(['../', { outlets: { dialog: null }}], {relativeTo: this.route.parent});

我厌倦了其他变化,但没有成功。

虽然这最初可以正常工作(路由到同级页面),但是子页面上的所有routerLink现在都已断开。

所以我需要有人告诉我我的router.navigate呼叫做错了什么。我需要打个电话,这样我才能离开

parent/(childA//dialog:childC)

parent/childA

0 个答案:

没有答案