angular - 从 child 那里访问 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' }}          
]}

我想要的是不必在所有 child 中重复相同的共享数据。我试过这个:

{ 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

在 child 中，您可以注入(inject) ActivatedRoute(路由:ActivatedRoute)，然后您可以执行:route.parent.snapshot.data['sharedData'] 或者如果您需要可观察的，则不使用快照。