Javascript 角度5向子路由传递数据
在我的Angular 5项目中,路由配置如下所示:Javascript 角度5向子路由传递数据,javascript,angular,angular-ui-router,Javascript,Angular,Angular Ui Router,在我的Angular 5项目中,路由配置如下所示: const routes: Routes = [ { path: 'a', component: MainComponent, children: [ { path: 'ab', component: ABComponent }, {
const routes: Routes = [
{
path: 'a',
component: MainComponent,
children: [
{
path: 'ab',
component: ABComponent
},
{
path: 'ac',
component: ACComponent
}
],
data: AData // array of objects
},
{
path: 'b',
component: MainComponent,
children: [
{
path: 'bb',
component: BBComponent,
data: BBData // array of objects
},
{
path: 'bc',
component: BBComponent,
data: BCData // array of objects
}
],
data: extraData // if I put it on, extraData will be both in BBComponent and BCComponent
}
];
理论上,BBData应在BBComponent上传递,BCData应在BCComponent上传递,但对象this.route.snapshot.data(ActivatedRoute的this.route实例)为空。对于路径“a”,数据成功地在两个组件中传递
我不知道如何修复它,请帮帮我。检查您激活的route firstChild属性。什么是
BBData
&BCData
?静态数据?从服务器异步提取数据?是的,您是正确的。太晚了,不过还是要谢谢你!没问题,伙计。