Angular子級路由

在這裏插入圖片描述
如圖,項目結構中,有多層子級路由:app下,有home,location和others三個子級;而others裏,又含有page1,page2和page3。
當應用比較龐大的時候,經常會遇到這種多重子級的問題,如果都放到app-routing.module.ts文件裏,就不是很合理;我們來看看官方文檔怎麼說:

Some modules, like AppModule, must be loaded from the start. But others can and should be lazy loaded.
有些模塊(比如 AppModule)必須在啓動時加載,但其它的都可以而且應該惰性加載。

也就是說,除了必要的,必須加載的,其他的都應該惰性加載。具體怎麼做呢?

第一步:在app-routing.modult.ts裏設置,
在這裏插入圖片描述
在這邊要記住,app.module.ts裏,沒用到的component要刪掉,不然可能會有報錯…
在這裏插入圖片描述
第二步:在others-routing.modult.ts裏設置,
在這裏插入圖片描述
兩個步驟輕鬆搞定,多層子級~~~

備註:
惰性加載路由配置

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章