angular2-routing - 如何在 Bootstrap 中动态提供路由？

Question

如何为 RouterModule 提供服务，以便我可以根据某些参数动态注入(inject)路由？

请注意，此参数也是动态的(它来自引导之前的 api 调用)。

我确实意识到通过使用 RouterModule.forRoot (这是一个静态函数)，我在注入(inject)服务方面受到了很大的限制。

Answer 1

您需要为 ROUTES token 提供一个生成路由配置并采用该参数的函数。此外，您需要提供该参数。

import {ROUTES} from '@angular/router/src/router_config_loader';
[...]
imports: [RouterModule.forRoot([])] // Empty on purpose
providers: [
  SomeParamForTheFunction,
  {provide: ROUTES, 
   multi: true, 
   useFactory: routesFunction, 
   deps: [SomeParamForTheFunction]},
]

如何提供该参数取决于您。你可以为它使用另一个工厂。

更新 :由于路由配置现在是动态的，因此您还必须提供一个 entryComponents 属性，其中包含初始页面加载所需的所有组件。