我的需求是:在首頁中有個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,大功告成。