我使用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”,
为什么?
答案 0 :(得分:1)
只用一个点试试:
goBack(){
this.router.navigate(['./'], { relativeTo: this.route });
}
答案 1 :(得分:0)
当我设置relativeTo: this.route.parent
并使用单点['./']
时,它可以工作。
goBack(){
this.router.navigate(['./'], { relativeTo: this.route.parent });
}