角度路由器:无法访问子路径中的路由参数

时间:2017-11-07 10:27:40

标签: angular routing lazy-loading angular-routing routeparams

在我们的主app.component路由中,我们有:

  { path: 'store', loadChildren: './store/store.module#StoreModule', canActivate: [LoginGuard] },

然后在模块中我们有这样的路线:

const routes: Routes = [

  { path: '', component: StoreStartPageComponent},
  {
    path: ':name/:id', component: CategoryPageComponent,
    children: [
      {
        path: ':childName/:childId', component: CategorySubPageComponent,
        children: [
          { path: ':childName/:childId', component: CategorySubSubPageComponent }
        ]
      }
    ]
  },

  { path: '**', component: PageNotFoundComponent }

];

现在我需要的是让param ['id']像:

  this.route.params
  .switchMap((params: Params) => params['id'])
  .subscribe(id => console.log('id', id));

奇怪的是,这只适用于路径:':name /:id'而不是它的子项。我错过了什么?

1 个答案:

答案 0 :(得分:0)

也许我应该承认这一点,但问题是相当愚蠢的。儿童路线参数被命名为" childName"和" childId" ... soooo ..重命名以匹配父":name"和":id"事情开始发生了!