新的Angular2路由器配置

taigi100

回到使用不推荐使用的路由器时,我能够执行router.config并传入一个对象。问题是,在启动应用程序后,路由器本身已进行了配置,该对象具有与我使用@RouterConfig相同的“模板”。我正在寻找的是是否有办法像这样配置新路由器。一直在浏览文档,但由于尚未进行文档记录,我有点不知所措。

根据答案进行编辑

不,我不能使用@Routes。问题是我在构造路由器之后加载配置。这是我如何使用旧路由器的摘要:

       myLoader.loadComponentConfig(configPath)
      .then(components => { self.Components = components;
         components.map(comp => {
             self.RouterComponents.push(
                 {
                     path: '/' + comp.name,
                     component: comp,
                     as: comp.name
                 }
             )});
             router.config(self.RouterComponents);
        });

如您所见,我正在为自己构建一个json对象(RouterComponents),然后将其发送到路由器。我正在寻找一种对新路由器执行相同操作的方法。

贡特·佐赫鲍尔(GünterZöchbauer)

在新路由器(>= RC.3中,可以使用https://angular.io/docs/ts/latest/api/router/index/Router-class.html resetConfig

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

您可能需要提供一些虚拟路由器配置,以免在应用程序启动时出错。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

.otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

来自分类Dev

.otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

来自分类Dev

Angular2路由器和导航

来自分类Dev

如何使用应用范围的URL前缀配置Angular2路由器?

来自分类Dev

Angular 2路由器

来自分类Dev

如何配置组件名称为字符串类型的Angular2路由器?

来自分类Dev

angular2 rc3路由器alpha 3.0.0.7默认路由

来自分类Dev

Angular2路由器,从url获取路由数据,以显示面包屑

来自分类Dev

Angular2路由器,内容更改,如何避免路由和重建页面

来自分类Dev

Angular 2路由器错误:路由“ undefined”的无效配置

来自分类Dev

Angular2路由器VS ui-router-ng2 VS ngrx路由器

来自分类Dev

与Angular 2路由器截取路由请求

来自分类Dev

带有子路由器的Angular2路由器不起作用

来自分类Dev

带有子路由器的Angular2路由器不起作用

来自分类Dev

Angular2路由器错误:找不到要加载“主页”的主要出口

来自分类Dev

Angular2路由器可以激活,带有参数吗?

来自分类Dev

如何将Angular2路由器连接到ngrx / store?

来自分类Dev

具有站点迁移功能的Angular2路由器

来自分类Dev

Angular2路由器的navigationByUrl()未调用ngOnInit()

来自分类Dev

Angular2 RC5路由器找不到模块(延迟加载)

来自分类Dev

Angular2路由器:找不到要加载“ HomeComponent”的主要插座

来自分类Dev

Angular2路由器弃用的依赖项未加载

来自分类Dev

即使未调用行,Angular2路由器也会执行

来自分类Dev

如何在Angular2路由器中导航到子节点的根?

来自分类Dev

Angular2路由器:找不到要加载“ HomeComponent”的主要插座

来自分类Dev

Angular2路由器-canActivate使用发布请求进行重定向

来自分类Dev

angular2路由器的严格“状态”查询参数行为

来自分类Dev

angular2路由器参数错误

来自分类Dev

Angular 2路由器+ angular-cli

Related 相关文章

  1. 1

    .otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

  2. 2

    .otherwise或新Angular2路由器中的/ **以通过通配符路由非路由

  3. 3

    Angular2路由器和导航

  4. 4

    如何使用应用范围的URL前缀配置Angular2路由器?

  5. 5

    Angular 2路由器

  6. 6

    如何配置组件名称为字符串类型的Angular2路由器?

  7. 7

    angular2 rc3路由器alpha 3.0.0.7默认路由

  8. 8

    Angular2路由器,从url获取路由数据,以显示面包屑

  9. 9

    Angular2路由器,内容更改,如何避免路由和重建页面

  10. 10

    Angular 2路由器错误:路由“ undefined”的无效配置

  11. 11

    Angular2路由器VS ui-router-ng2 VS ngrx路由器

  12. 12

    与Angular 2路由器截取路由请求

  13. 13

    带有子路由器的Angular2路由器不起作用

  14. 14

    带有子路由器的Angular2路由器不起作用

  15. 15

    Angular2路由器错误:找不到要加载“主页”的主要出口

  16. 16

    Angular2路由器可以激活,带有参数吗?

  17. 17

    如何将Angular2路由器连接到ngrx / store?

  18. 18

    具有站点迁移功能的Angular2路由器

  19. 19

    Angular2路由器的navigationByUrl()未调用ngOnInit()

  20. 20

    Angular2 RC5路由器找不到模块(延迟加载)

  21. 21

    Angular2路由器:找不到要加载“ HomeComponent”的主要插座

  22. 22

    Angular2路由器弃用的依赖项未加载

  23. 23

    即使未调用行,Angular2路由器也会执行

  24. 24

    如何在Angular2路由器中导航到子节点的根?

  25. 25

    Angular2路由器:找不到要加载“ HomeComponent”的主要插座

  26. 26

    Angular2路由器-canActivate使用发布请求进行重定向

  27. 27

    angular2路由器的严格“状态”查询参数行为

  28. 28

    angular2路由器参数错误

  29. 29

    Angular 2路由器+ angular-cli

热门标签

归档