angular2无法相对于父路线导航

时间:2016-11-03 07:44:23

标签: angular angular2-routing angular-cli

我使用angular2 cli。

测试导航相对遇到的问题:

路由配置:

{
    path: '',
    component: CheckCompanyComponent,
    children:[
      {
        path:'',
        loadChildren: 'app/components/company/check-company-home/check-company-home.module#CheckCompanyHomeModule'
      },
      {
        path:':id',
        loadChildren: 'app/components/company/check-company-detail/check-company-detail.module#CheckCompanyDetailModule'
      }
    ]
  }

在check-company-home组件中

goIdPage(){
    this.router.navigate(['22'], { relativeTo: this.route });
  }
  

可以从“/ company”导航到“/ company / 22”

在check-company-detail组件中:

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

但无法从“/ company / 22”导航到“/ company”,

为什么?

2 个答案:

答案 0 :(得分:1)

只用一个点试试:

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

答案 1 :(得分:0)

当我设置relativeTo: this.route.parent并使用单点['./']时,它可以工作。

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