本章中我們站在全局的角度上對Angular的組成、模塊間的配合做了系統地學習,同時又學習了多個Angular涉及的知識點。
1. 我們掌握了Angular中的可見性:組件、指令、過濾器默認為私有;而服務默認為公有。
2. 知曉了一個Angular模塊是由組件、指令、過濾器及服務四大部分構成。
3. 可見性為公有的,可以被其它的模塊引用使用;可見性為私有的,不可被其它模塊引用使用。
4. 模塊A引用模塊B時,將模塊B的公有元素(組件、指令、過濾器、服務)轉換了自己模塊的私有。Angular以這種方式將引用限制在本模塊內,避免一個多模塊項目在引用方面出現混亂而變得不可控。
5. 如果一個驗證器并不需要后臺支持,則應該定義為同步驗證器。
6. 如果一個驗證器需要后臺支持,則必須定義為異步驗證器。
7. 在異步驗證器中,往往需要注入第三方服務,所以無法像同步驗證器一樣直接將某個方法聲明為`static`,而是采用在方法回返回一個驗證方法的方式。這是一種新的思想,需要我們在理解的基礎上日后勤加練習。
8. 指令的類型有兩種:一個是屬性型指令,另一種是結構型指令。屬性型指令以屬性的形式應用到宿主元素上,在屬性型指令中我們可以輕構的獲取到宿主元素,進而對宿主元素進行變更,我們使用它完成了還不錯的`loading`指令;結構型指令用于改變元素的結構,比如`*if`使用是一個內置的結構型指令,由于時間、篇幅、難度限制,在教程中我們不進行介紹。
9. 單元測試是保障項目質量的重要手段,若想規避BUG滿天飛的尷尬情況,則必然要使用單元測試。本章中我們通過解決單元測試中顯示的錯誤,了解了單元測試中個別服務是單例的,在整個生命周期中僅被初始化一次。其實單例模式是節約資源的重要手段,以后我們將越來越多的接觸到這種模式。
10. 在前期成功的引用bootstrap以后,本單中我們又成功的引用了一個第三方對話框。在引入的過程中我們學習到了結合官方文檔引用第三方庫的另一種方法,相較于原有更改`angular.json`的方式,這種方式更加簡單也更直觀。相較于原生的對話框,第三方對話框則顯得非常的友好。其實不僅如此:原生的對話框會在彈出對話框時,暫停應用的執行,而第三方對話框往往不會。
11. 本章還以批量刪除為例,展示了使用面向對象思想前后的不同,進一步的感受到了面向對象的魅力所在。
12. 在引用可訂閱的路由后,我們還在單元測試中使用`provider`手動實現了相關服務的提供者。同時我們還測試了多模塊同時提供某一服務器,它們之間的優先級。
學習上并沒有捷徑,我們想做的是打造一條學習梯度不太陡的學習路線,使大家在學習過程中每天都能夠進步一點點。如果你感覺只是看懂了,那么則應該嘗試找個小的系統練練手,如果手上沒有這樣的系統。那么也可以在當前教程的基礎上加入課程管理:
在課程管理中,可以為每個班的學習集體排課,也可以由學生自主選擇課程。老師登錄系統后可以查看自己的課表、學生也可以嘗看自己的課程。
完成課程管理后,如果你還是在校的學生,則強烈推薦你繼續學習一門后臺的框架。在當下流行的后臺框架中,Spring Boot無疑是那顆最璀璨的星。
- 序言
- 第一章 Hello World
- 1.1 環境安裝
- 1.2 Hello Angular
- 1.3 Hello World!
- 第二章 教師管理
- 2.1 教師列表
- 2.1.1 初始化原型
- 2.1.2 組件生命周期之初始化
- 2.1.3 ngFor
- 2.1.4 ngIf、ngTemplate
- 2.1.5 引用 Bootstrap
- 2.2 請求后臺數據
- 2.2.1 HttpClient
- 2.2.2 請求數據
- 2.2.3 模塊與依賴注入
- 2.2.4 異步與回調函數
- 2.2.5 集成測試
- 2.2.6 本章小節
- 2.3 新增教師
- 2.3.1 組件初始化
- 2.3.2 [(ngModel)]
- 2.3.3 對接后臺
- 2.3.4 路由
- 2.4 編輯教師
- 2.4.1 組件初始化
- 2.4.2 獲取路由參數
- 2.4.3 插值與模板表達式
- 2.4.4 初識泛型
- 2.4.5 更新教師
- 2.4.6 測試中的路由
- 2.5 刪除教師
- 2.6 收尾工作
- 2.6.1 RouterLink
- 2.6.2 fontawesome圖標庫
- 2.6.3 firefox
- 2.7 總結
- 第三章 用戶登錄
- 3.1 初識單元測試
- 3.2 http概述
- 3.3 Basic access authentication
- 3.4 著陸組件
- 3.5 @Output
- 3.6 TypeScript 類
- 3.7 瀏覽器緩存
- 3.8 總結
- 第四章 個人中心
- 4.1 原型
- 4.2 管道
- 4.3 對接后臺
- 4.4 x-auth-token認證
- 4.5 攔截器
- 4.6 小結
- 第五章 系統菜單
- 5.1 延遲及測試
- 5.2 手動創建組件
- 5.3 隱藏測試信息
- 5.4 規劃路由
- 5.5 定義菜單
- 5.6 注銷
- 5.7 小結
- 第六章 班級管理
- 6.1 新增班級
- 6.1.1 組件初始化
- 6.1.2 MockApi 新建班級
- 6.1.3 ApiInterceptor
- 6.1.4 數據驗證
- 6.1.5 教師選擇列表
- 6.1.6 MockApi 教師列表
- 6.1.7 代碼重構
- 6.1.8 小結
- 6.2 教師列表組件
- 6.2.1 初始化
- 6.2.2 響應式表單
- 6.2.3 getTestScheduler()
- 6.2.4 應用組件
- 6.2.5 小結
- 6.3 班級列表
- 6.3.1 原型設計
- 6.3.2 初始化分頁
- 6.3.3 MockApi
- 6.3.4 靜態分頁
- 6.3.5 動態分頁
- 6.3.6 @Input()
- 6.4 編輯班級
- 6.4.1 測試模塊
- 6.4.2 響應式表單驗證
- 6.4.3 @Input()
- 6.4.4 FormGroup
- 6.4.5 自定義FormControl
- 6.4.6 代碼重構
- 6.4.7 小結
- 6.5 刪除班級
- 6.6 集成測試
- 6.6.1 惰性加載
- 6.6.2 API攔截器
- 6.6.3 路由與跳轉
- 6.6.4 ngStyle
- 6.7 初識Service
- 6.7.1 catchError
- 6.7.2 單例服務
- 6.7.3 單元測試
- 6.8 小結
- 第七章 學生管理
- 7.1 班級列表組件
- 7.2 新增學生
- 7.2.1 exports
- 7.2.2 自定義驗證器
- 7.2.3 異步驗證器
- 7.2.4 再識DI
- 7.2.5 屬性型指令
- 7.2.6 完成功能
- 7.2.7 小結
- 7.3 單元測試進階
- 7.4 學生列表
- 7.4.1 JSON對象與對象
- 7.4.2 單元測試
- 7.4.3 分頁模塊
- 7.4.4 子組件測試
- 7.4.5 重構分頁
- 7.5 刪除學生
- 7.5.1 第三方dialog
- 7.5.2 批量刪除
- 7.5.3 面向對象
- 7.6 集成測試
- 7.7 編輯學生
- 7.7.1 初始化
- 7.7.2 自定義provider
- 7.7.3 更新學生
- 7.7.4 集成測試
- 7.7.5 可訂閱的路由參數
- 7.7.6 小結
- 7.8 總結
- 第八章 其它
- 8.1 打包構建
- 8.2 發布部署
- 第九章 總結