上一章寫的是如何建立乙個簡單的路由，這一樣我們來看看如何建立乙個路由模組。angular的思想就是（模組，元件，子元件.....）。
importfrom'@angular/core';
import from '@angualr/router';//引入路由模組
importfrom'./crisis-list.component';
importfrom'./hero-list.component';
//建立路由陣列
const routes:routes = [,,
,@ngmodule()
}@ngmodule()
這樣就完成了，angular的路由模組化，但是這個模組還是在根路由，並沒有說配置子路由，下節再說子路由實現。
使用路由延遲載入 Angular 模組
這裡將使用乙個簡單示例來演示這個特性是如何工作的。將應用拆分為多個不同的模組，可以在需要的時候再進行延遲載入。延遲載入的路由需要在根模組之外定義，所以，你需要將需要延遲載入的功能包含在功能模組中。我們使用 angular cli 來建立乙個演示專案 demo.ng new demo然後，進入到 de...
Angular路由 子路由
在商品詳情頁面，除了顯示商品id資訊，還顯示了商品描述，和銷售員的資訊。通過子路由實現商品描述元件和銷售員資訊元件展示在商品詳情元件內部。ng g component productdesc ng g component sellerinfo 重點是修改銷售員資訊元件，顯示銷售員id。import ...
angular的自定義模組及配置路由模組懶載入
使用命令列生成自定義模組 ng g module module生成自定義模組的根元件 ng g component module其中module可以看作乙個模組 module.module.ts為改模組的根。在專案其他元件中引入自定義模組 在自定義專案中使用exports暴露需要在其他元件中引入的元...