在我们的主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 }
];
现在我需要的是让参数['id']像:
this.route.params
.switchMap((params: Params) => params['id'])
.subscribe(id => console.log('id', id));
奇怪的是,这仅适用于路径:":name/:id",而不是子级。我错过了什么?
也许我不应该承认这一点,但问题相当愚蠢。 子路由参数被命名为"childName"和"childId"...所以。。重命名以匹配父级":name"和":id",然后事情开始发生!