从子节点访问 Angular 父路由数据

Question

我想在子路由中使用相同的数据，但我找不到访问父路由数据的方法。也就是说，现在我有：

{ path: 'parent-path', component: parentComponent, children: [
    { path: 'child1', component: child1Component,
      data: { sharedData: 'sharedData', child1Data: 'child1Data' }},
    { path: 'child2', component: child2Component,
      data: { sharedData: 'sharedData', child2Data: 'child2Data' }},
    { path: 'child3', component: child3Component,
      data: { sharedData: 'sharedData', child3Data: 'child3Data' }}          
]}

我想要的是不必在所有孩子中重复相同的 sharedData。我试过这个：

{ path: 'parent-path', data: { sharedData: 'sharedData'}, component: 
  parentComponent, children: [
    { path: 'child1', component: child1Component,
      data: { child1Data: 'child1Data' }},
    { path: 'child2', component: child2Component,
      data: { child2Data: 'child2Data' }},
    { path: 'child3', component: child3Component,
      data: { child3Data: 'child3Data' }}          
]}

但是，通过这种方式，在每个组件中我只有他自己的数据（childXData）。

我怎样才能从孩子那里访问父路线的数据？

Answer 1

在孩子中，您可以注入 ActivatedRoute（路线：ActivatedRoute），然后您可以这样做： route.parent.snapshot.data['sharedData'] 或者如果您需要可观察的，则不使用快照。