上次记录了模块的拆分与汇总,既然有模块就有路由

在每个module文件的统计目录下,会有相对应的router文件,用来记录当前模块的页面路由。

如下图:

其中,有句 RouterModule.forChild(routes) 值得注意,它表示这是子路由 。

既然有子路由,就会有根路由。一般来说 根路由都是app.router.module.ts

如图:

 

 

forRoot() 代表的就是根路由

 

然后在app.module.ts 文件中 导入,并添加入imports 数组当中。

或者 自己新建一个core.module.ts (核心模块),里面放的都是只会使用一个的引用。 然后把core.module.ts 添加进入app.module.ts 中即可

 

 

ps:

以上的方法,在实践中发现一个问题 , 加载子路由的路径会报错加载不出来。

将 loadChildren 

 

换成以下形式

 

上面这个是tab页

下面这个是平常页面