喜歡烏龜的宅宅工程師

在專案的開發中有些時候為了應付特殊的需求會安裝一些第三方的套件，避免重複造輪子。而我們要如何在 Angular 環境中使用它們呢？

文章主要是簡單記錄自己如何使用 json-server 快速 Mock 一個 API 讓自己串接，並且使用 chart.js 繪製出堆疊長條圖。

這是我參考官方文件進行 Angular 表單實作時遇到的問題，當我建立一份 form 表單並且在裡面的 input 內添加 required ，企圖使用原生的 HTML5 驗證卻沒有生效，最後找到解決辦法，因此特別寫下這一篇。

承上篇，接著使用 FormBuilder 重構程式碼。

玩過範本驅動表單後，接著來體驗看看響應式表單吧～

介紹完 Angular 內兩種表單的不同後，接著實作看看範本驅動表單吧。

用表單處理使用者輸入的資料是許多常見應用的基礎功能，像是使用者登入、修改資料、建立資料等等。

也有一種狀況是：依賴的服務元件資料的取得，是透過呼叫 API 等待伺服器吐資料的非同步行為，那麼這又該如何進行測試呢？

前一篇大致理解了如何測試一個單純的元件或是帶有繫結的元件。但在實務的應用上，元件經常依賴著其他服務元件，因此這個例子要實作的範例是 - 如何測試一個帶有依賴的元件？

同樣是元件的測試，這次試著假設一些不同的狀況，練習如何對這些元件進行測試。