如何在Angular 2中从辅助路由检索数据
我在Angular 2项目中有多个如何在Angular 2中从辅助路由检索数据,angular,angular2-routing,Angular,Angular2 Routing,我在Angular 2项目中有多个路由器插座,如下所示: <router-outlet></router-outlet> <router-outlet name="secondary"></router-outlet> <router-outlet name="third"></router-outlet> { path : 'mainroute', component: MainComponent
路由器插座
,如下所示:
<router-outlet></router-outlet>
<router-outlet name="secondary"></router-outlet>
<router-outlet name="third"></router-outlet>
{
path : 'mainroute',
component: MainComponent,
data : {
mode: 'normal'
}
},
{
path : 'action',
component: SecondaryComponent,
outlet : 'secondary',
data : {
mode: 'special'
}
},
例如,如果我有routelocalhost:4200/mainroute(secondary:action)
,我只能从主路由检索数据,如何从secondary路由器出口检索数据
export class MainComponent implements {
constructor (private route: ActivatedRoute) {
route.data.subscribe((data: any) => {
console.log(data); // I managed to get the data from main route here
// how can I subscribe the data from secondary route here
});
}
}
你需要澄清你在寻找什么。当你说“我只能从主路线检索数据”时,我是谁?您是试图从父组件向辅助路由中的组件传递数据,还是希望辅助组件将数据发送回父组件?@YakovFain我添加了更多信息。希望足够了。谢谢。如果你把代码(route.data.subscribe(…)
)放到SecondaryComponent
中,你会得到辅助路由的数据。@GünterZöchbauer但是如何从主组件中获取它,我想这就是他要问的(我也在搜索答案!)你可以导航这些路由,但我想这有点脆弱。我会在secondary组件中获取它,然后使用共享服务传递它。