Angular FormGroup 取得所有 formControl 的值
消失的欄位資料最近在專案上遇到表單處理的問題，主要是 UI 上的需求是有條件的 disabled 控制項，換句話說，在某些情況下，指定的表單控制項在畫面上要是鎖定的狀態，但是在呼叫 API 的時候還是得要取得欄位鎖定的內容。強者我同事，在準備回傳給 API 的物件資料時，偶然發現到控制項在 disabled 的狀態下，FormGroup 是取不到 disabled 欄位 Value 的，究竟那消失的欄位到底是去哪了？明明在畫面上，DOM 也有值在裡面，為何就是取不到？ 原來…欄位一直都在，從沒離開過。
Read more
Angular-CLI 設定 Global
介紹 Global 設定上次介紹了 Angular-CLI JSON 設定檔中 assets 的設定，讓我們不需再逐一的手動人肉複製需要的 assets，這次來介紹在透過 Angular-CLI 進行專案開發時，與全域有關的設定，主要有三種：Global Library Installation, Global Scripts, Global Styles。接下來我一樣參考了 Github 上的文件來做整理與介紹。藉此讓大家可以更了解 Angular CLI 的設定，以節省時間及方便專案內容的管理。
Read moreAngular-CLI 設定 - Assets
介紹 assets 設定我們在使用 Angular-CLI 進行開發的時候，一定要會設定 .angular-cli.json，為了協助大家了解，究竟 angular-cli 的設定檔中的屬性是要設定什麼？我直接參考 Github 的文件來為大家做介紹，就先從 assets 開始吧！ angular-cli.json 中的 assets 屬性存放的是一個陣列，這個陣列會列出有哪些檔案或資料夾是 angular-cli 在建置 ( ng build ) 時需要一起複製到專案輸出作為準備佈署的資料夾（ 預設是 dist ）中。 在新增專案時，預設的 assets 內容如下，意思是在建置時，路徑 src/assets 的目錄和檔案，以及 src/favicon.ico 的檔案會進行複製。 "assets&..
Read more
讓萬惡的舊 IE 支援 Angular 2
萬惡的根源西元 2017 年，在網站技術蓬勃發展的情況下，各種技術不斷的推陳出新，目的讓網站的效能變得更好，開發模式的優化，對使用者的使用經驗變得更友善，但，世界不可能是完美的，有個萬惡的根源到現在都還無法根除，它讓許多開發者曾經頭痛不已，每次認為告一段落的時候，它，總是會讓許多網站開發者面臨絕望，它就是 Internet Explorer 瀏覽器。 Angular 2 也是一樣，對於舊版的 IE 預設的情況下是沒有支援的，但生命總是會找到屬於自己的出口，在許多熱情的開發者不斷的努力情況下，出現了針對讓舊版瀏覽器支援新程式碼的函式庫，我們稱這些套件為 Polyfill。
Read more