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,大功告成。

猜你喜欢

转载自www.cnblogs.com/maochunyan/p/9168426.html