angular5 模組懶載入

為什麼要使用懶載入？

當使用者訪問 /***/**頁面路徑的時候，才會載入對應的模組，這減少了應用啟動時載入資源的大小,頁面開啟速度快。

2.進入該專案裡

3.初始化專案

npm install

ng serve

// 在module資料夾下分別建立user,product,article模組（可在指定資料夾下建立模組） 

ng g module module/user --routing
ng g module module/product --routing
ng g module module/article --routing

6.分別為user,product,article建立對應的元件

ng g component module/user

ng g component module/product
ng g component module/article

7.分別為user,product,article配置對應的路由

// user,product,article路由配置步驟如下，這裡就不一一演示

8.在根由裡配置子模組路由路徑

9.如何在模組裡新增子路由(看裡的說明)

Angular5基本入門

首先，確定安裝了nodejs與npm，angular 5要求node版本在6.9.x以上 npm版本在 3.x.x以上 1 安裝 angular cli npm install g angular cli or yarn global add angular cli 2 新建第乙個專案 3 啟動服務...

Angular5中狀態管理

前面學習了vue，react 都有狀態管理，如vue中的vuex是全域性狀態管理，在任何元件裡都可以引用狀態管理中的資料，同樣，react中的redux和mbox也是，但遇到angular5卻不知道了。一年前使用過angular1.x做過專案，那時全域性狀態可以使用 rootscope，也可以使用服...

angular模組載入

1.配置 在模組的載入階段，angularjs會在提供者註冊和配置的過程中對模組進行配置。需要特別注意，angularjs會以這些函式書寫和註冊的順序來執行它們。當對模組進行配置時，需要格外注意只有少數幾種型別的物件可以被注入到config 函式中 提供者和常量。2.執行塊 和配置塊不同，執行塊在注...