如何從父路由組件訪問激活的子路由數據？

Question

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' } 
    ]} 
]; 

如果我瀏覽到/parent/child2，然後看看ActivatedRoute從parentComp，data.foo定義，但data.bar不是。我可以訪問所有孩子的數組，但我不知道哪一個被激活。

如何從父路由組件訪問激活的子路由數據？

Answer 1

第一個孩子會給你訪問數據

constructor(route: ActivatedRoute) { 
    route.url.subscribe(() => { 
    console.log(route.snapshot.firstChild.data); 
    }); 
}