角度模块之间的全局路由

时间:2017-05-02 14:46:15

标签: javascript angular

我在我的项目中使用Angular2,我有几个模块。

我有一个名为BaseModule的基础模块 例如,有两个(或更多)额外模块 - FirstModuleSecondModule

每个模块都有自己的路由。 BaseModule有系统的基本路线, FirstModuleSecondModule有自己独立的路线。

BUT

我想创建像

这样的路线

/user/10/profile

用户的ProfileComponent包含在FirstModule

另一个例子

/user/10/stories

用户的StoriesComponent包含在FirstModule

/user/10/news

用户的NewsComponent包含在SecondModule !!!!

但Angular Router只允许使用以下路由:

/firstmodule/......

/secondmodule/......

因此,它们应按模块分组。

我想用模块来做,因为我希望我的应用程序有异步(懒惰)加载部分。

正如我所知,当我们异步(懒惰)加载组件时,Angular会禁用变体。

任何人都有想法如何创造我想要的东西?

1 个答案:

答案 0 :(得分:0)

对于根模块中的路由,将根定义为RouterModule.forRoot(['']),对于其他模块中的路由,使用RouterModule.forChild([''])。由于您的子模块将位于父级的imports,因此它将正确路由。