鐵人檔案
面對愈來愈複雜的使用者操作需求，使得前端的開發維護日益增加，而 Angular 框架在各開發階段提供了完整的開發模式，讓在應用程式的開發可以更容易的管控。本文章全方面記錄 Angular 觀念，並開發一系統來串聯這些觀念，進而能在實務上靈活運用。
在網頁應用程式中，提供表單讓使用者輸入資料是常見的需求；針對表單的開發，Angular 提供了範本驅動表單 (Template-Driven Form) 與響應...
上一篇利用了範本驅動表單 (Template-Driven Form) 實作待辦事項的查詢功能，接下來就針對此查詢表單進行驗證，以了解表單指令所提供的屬性。 利...
相較於範本驅動表單 (Template-Driven Form) 利用表單樣版讓 Angular 產生對應的表單模型，響應式表單 (Reactive Form)...
響應式表單 (Reactive Forms) 響應式表單 (Reactive Forms) 是透過定義表單模型來開發表單，這一篇將會完成待辦事項表單的開發。 前...
如同範本驅動表單 (Template-Dirven Form)，也可以針對響應式表單 (Reactive Form) 進行表單驗證，這一篇就針對待辦事項加入以下...
利用 Angualr 框架開發單一應用程式 (Single-Page Application, SPA) 時，會利用路由機制實作頁面之間的切換。接下來幾篇，會利...
上一篇利用 Angular 路由機制實作待辦事項清單與表單頁面的切換，這一篇將路由的參數或資料的定義，來實作待辦事項的編輯功能。 前置作業 在實作之前，需要在...
上一篇利用路由機制傳遞參數來實作待辦事項的編輯功能，除了透過網址路徑來傳遞所需要的參數，還可以在路由定義中透過 resolve 屬性物件來指定 Resolve...
在應用程式開發中，常會利用人工手動去測試系統的正確，不過當遇到較複雜的系統時，手動測試相對耗時且容易遺漏。除此之外，也可以撰寫單元測試 (Unit Testin...
實務上，因應不同的開發階段，應用程式會運行在開發環境 (Develop Environment)、預備環境 (Staging Environment) 以及正式...
