Angular 如何在路线中搜索特定数据?
我已经确定了路线:Angular 如何在路线中搜索特定数据?,angular,angular2-routing,Angular,Angular2 Routing,我已经确定了路线: const appRoutes: Routes = [ { path: '', component: comp, children: [ { path: 'path1', component: comp1, children: [ { path: 'child1', component: path1child1, data: { myData: 'myData1'}, { path: 'child2', component: path2ch
const appRoutes: Routes = [
{ path: '', component: comp, children: [
{ path: 'path1', component: comp1, children: [
{ path: 'child1', component: path1child1, data: { myData: 'myData1'},
{ path: 'child2', component: path2child2, data: { myData: 'myData2'},
]},
{ path: 'path2', component: comp2, data: { myData: 'myData3'}, children: [
{ path: 'child1', component: path2child1, data: { myData: 'myData4'},
]},
{ path: 'path3', component: comp3}
...
我最终希望导航到第一条路径,该路径将myData
设置为'myData2'
我尝试从“@angular/Router”注入{Router}并在this.Router.config
数组中搜索我的数据,但这只给了我子路径child2
,而不是我需要导航到它的整个路径,path1/child2
。我可以在我的搜索功能中手动构建这些,但我想知道是否有更好的方法来实现这一点
如何搜索具有特定数据的路由?注入路由
@Component({
selector: 'my-app',
template: `
<div>
<h2>Routes {{routes | json}}</h2>
<router-outlet></router-outlet>
</div>
`,
})
export class App {
routes;
constructor(@Inject(ROUTES) routes: any) {
this.routes = routes;
}
}
@组件({
选择器:“我的应用程序”,
模板:`
路由{{Routes | json}
`,
})
导出类应用程序{
路线;
构造函数(@Inject(ROUTES)ROUTES:any){
这个。路线=路线;
}
}