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

在child中，你可以注入ActivatedRoute（route：ActivatedRoute）然后你可以执行：route.parent.snapshot.data ['sharedData']或者如果你需要可观察的话，你可以不使用快照。

访问来自子

1 个答案: