Angular2 RC1-加载数据后加载路由（路由器出口）

Question

我正在Angular2 RC1中使用新的路由器（不赞成使用路由器）。 在继续加载应用之前，我需要能够加载JSON配置文件。 我正在使用Config类来获取我的JSON配置，但是问题是，在我的配置完成加载之前，我不希望加载路由器出口。

我试图用*ngIf包裹<router-outlet> ，只是遇到了这个问题： https : //github.com/angular/angular/issues/8539

根据本文 ，我还尝试扩展<router-outlet> ，但是没有运气（不适用于RC1）

Angular1有一种“重新加载”路线的方法，但是NG2中似乎没有这种方法。

我怎样才能做到这一点？ 应用加载后如何加载JSON配置文件，配置完成后如何渲染应用？ 有没有其他人成功做到这一点？

Answer 1

在新路由器（ >= RC.3 ）中，可以使用https://angular.io/docs/ts/latest/api/router/index/Router-interface.html#!#resetConfig-anchor resetConfig

 router.resetConfig([ { path: 'team/:id', component: TeamCmp, children: [ { path: 'simple', component: SimpleCmp }, { path: 'user/:name', component: UserCmp } ] } ]); 

对于您的情况，我将使用一些虚拟路由和虚拟组件来初始化路由器，然后在您的JSON可用后加载新路由并导航到新的默认路由。

https://github.com/angular/angular/issues/11437#issuecomment-245995186提供RC.6柱塞

Answer 2

考虑加载页面如何？ 这样，如果您的数据尚未完全加载，则会显示一个加载页面，而不是您的路线。

见这个问题上如何实现Angular2加载屏幕的建议。

更新：

另一方面，我发现我们可以使用路由解析器预加载数据。 我还在学习它， 这个有角度的文档可能会有所帮助。