如何获取:来自Angular2中父组件的子路由的id参数

Question

我试图得到:id param定义

RouterModule.forRoot([
  {
    path: 'orders',
    component: ListComponent,
    children: [
      {
        path: 'view/:id',
        component: ViewComponent
      },
    ]
  }
])

来自ListComponent.

我已经尝试过:

route: ActivatedRoute

route.params.subscribe(params => {
  let id = +params['id'];
})

从ListComponent,但params数组是空的,我想它是因为:id param属于viewComponent而不是listComponent

如何在listComponent中获取id参数？

Answer 1

您可以使用该firstChild属性或ActivatedRoute获取子路由:

route.firstChild.snapshot.params['id']

Answer 2

为了在父组件中获取子进程,我使用了ActivatedRoute的firstChild属性,因为我只在子路由上

route: ActivatedRoute

route.firstChild.params.subscribe(params => {
  let id = +params['id'];
});