我在我的项目中使用Angular2,我有几个模块。
我有一个名为BaseModule
的基础模块
例如,有两个(或更多)额外模块 - FirstModule
和SecondModule
。
每个模块都有自己的路由。 BaseModule
有系统的基本路线,
FirstModule
和SecondModule
有自己独立的路线。
BUT
我想创建像
这样的路线 /user/10/profile
用户的ProfileComponent
包含在FirstModule
另一个例子
/user/10/stories
用户的StoriesComponent
包含在FirstModule
/user/10/news
用户的NewsComponent
包含在SecondModule
!!!!
但Angular Router只允许使用以下路由:
/firstmodule/......
/secondmodule/......
因此,它们应按模块分组。
我想用模块来做,因为我希望我的应用程序有异步(懒惰)加载部分。
正如我所知,当我们异步(懒惰)加载组件时,Angular会禁用变体。
任何人都有想法如何创造我想要的东西?
答案 0 :(得分:0)
对于根模块中的路由,将根定义为RouterModule.forRoot([''])
,对于其他模块中的路由,使用RouterModule.forChild([''])
。由于您的子模块将位于父级的imports
,因此它将正确路由。