angular2 路由、子路由、多路由 简解


我的需求是:在首页中有个tab,分别是 homepart 、carpart 、 minepart。各个模块的part 里还会嵌套子路由

步骤:

1.新建app.router.ts 作为app阶层的路由文件,内容如下

上面是定义了一个常量 appRoutes来管理路由,然后用export 导出,然后下一步再在app.mpdule.ts中导入 ,这个路由就生效了。app.module.ts的内容如下:

如上。内容很简单。

 

与其对应的模块目录:

 

2. 如果在homepart.component.html中还有需求,想要再增加路由时,homepart部分也要新增一个homepart.router.ts来进行路由管理

如下所示:

其中箭头所指的地方,是管理homepart部分的子路由,目录结构如下

 

然后再homepart.component.ts中的部分就能够显示出transportstatus中的页面内容了。

当然,homepart.module.ts也如app.module.ts中一样 导入路由

 

 OK,大功告成。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM