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