第十二屆 佳作

web
Angular 全集中筆記
阿壹

系列文章

DAY 21

第 21 型 - 範本驅動表單 (Template-Driven Form)

在網頁應用程式中,提供表單讓使用者輸入資料是常見的需求;針對表單的開發,Angular 提供了範本驅動表單 (Template-Driven Form) 與響應...

DAY 22

第 22 型 - 範本驅動表單 (Template-Driven Form) - 表單驗證

上一篇利用了範本驅動表單 (Template-Driven Form) 實作待辦事項的查詢功能,接下來就針對此查詢表單進行驗證,以了解表單指令所提供的屬性。 利...

DAY 23

第 23 型 - 響應式表單 (Reactive Forms)

相較於範本驅動表單 (Template-Driven Form) 利用表單樣版讓 Angular 產生對應的表單模型,響應式表單 (Reactive Form)...

DAY 24

第 24 型 - 響應式表單 (Reactive Form) - 表單陣列

響應式表單 (Reactive Forms) 響應式表單 (Reactive Forms) 是透過定義表單模型來開發表單,這一篇將會完成待辦事項表單的開發。 前...

DAY 25

第 25 型 - 響應式表單 (Reactive Form) - 表單驗證

如同範本驅動表單 (Template-Dirven Form),也可以針對響應式表單 (Reactive Form) 進行表單驗證,這一篇就針對待辦事項加入以下...

DAY 26

第 26 型 - 路由 (Router)

利用 Angualr 框架開發單一應用程式 (Single-Page Application, SPA) 時,會利用路由機制實作頁面之間的切換。接下來幾篇,會利...

DAY 27

第 27 型 - 路由 (Router) - 參數傳遞

上一篇利用 Angular 路由機制實作待辦事項清單與表單頁面的切換,這一篇將路由的參數或資料的定義,來實作待辦事項的編輯功能。 前置作業 在實作之前,需要在...

DAY 28

第 28 型 - 路由 (Router) - Resolve / 延遲載入 (Lazy Router)

上一篇利用路由機制傳遞參數來實作待辦事項的編輯功能,除了透過網址路徑來傳遞所需要的參數,還可以在路由定義中透過 resolve 屬性物件來指定 Resolve...

DAY 29

第 29 型 - 單元測試 (Unit Testing)

在應用程式開發中,常會利用人工手動去測試系統的正確,不過當遇到較複雜的系統時,手動測試相對耗時且容易遺漏。除此之外,也可以撰寫單元測試 (Unit Testin...

DAY 30

第 30 型 - 環境配置與建構 (Build)

實務上,因應不同的開發階段,應用程式會運行在開發環境 (Develop Environment)、預備環境 (Staging Environment) 以及正式...