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

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

原文：https://www.cnblogs.com/maochunyan/p/9168426.html