Angular2应用程序通过服务路由

时间:2016-04-01 05:34:29

标签: typescript angular angular2-routing angular2-services

这是我的方案:

我首先直截了当地说...我想通过服务加载RouteConfig中所有路由,包括应用程序的默认路由。我能够这样做,但不能动态加载默认路由,其他路由可以动态加载。

假设我bootstrap(AppComponent)和我的AppComponent只查看内容是<router-outlet></router-outlet>所以在这种情况下AppComponent RouteConfig需要动态加载,即在我的情况下我调用一个以这种格式返回JSON的服务< / p>

[
  { "path" : "/child1" , "name" : "Child1" , "component" : "ChildComponent1", "resource" : "./app/dash/child1/child1.component",  "default" : true },
  { "path" : "/child2" , "name" : "Child2" , "component" : "ChildComponent2", "resource" : "./app/dash/child2/child2.component", "default" : false }
]

在上面的场景中,我只能通过硬编码使其工作 AppComponent RouteConfig是这样的:

@RouteConfig([
     {path : '/child1' , name : 'Child1' , component : ChildComponent1 , useAsDefault : true}
])

export class AppComponent{}

然后从加载服务的剩余路径,这有效但不足以完成我的方案。我想将useAsDefault加载到路由器但是它失败了。所以基本上我想动态加载和配置我的所有应用程序路由。任何建议。

P.S我在父子情景中确实有一个跟进问题。

0 个答案:

没有答案