title: How can I access an activated child route's data from the parent route's component?
body: <pre><code>const appRoutes: Routes = [
    { path: 'parent', component: parentComp, data: { foo: 'parent data' }, children: [
      { path: 'child1', component: childComp1, data: { bar: 'child data 1' },
      { path: 'child2', component: childComp2, data: { bar: 'child data 2' }
    ]}
  ];
  </code></pre>
  
  <p>If I navigate to <code>/parent/child2</code> and then look at the <code>ActivatedRoute</code> from <code>parentComp</code>, <code>data.foo</code> is defined, but <code>data.bar</code> is not. I have access to an array of all the children, but I don't know which one is activated.</p>
  
  <p>How can I access the activated child route's data from a parent route's component? </p>