介紹

此篇是AngularJS 1.x，不是2+以上的喔！

在AngularJS中提供一個很好用的機制叫做DI(Dependecy Injection 依賴注入)，這是一個design pattern，可以降低測試及宣告的程度，想要了解更完整的觀念可以參考一下燈哥的文章，這邊就不探討。

今天要來帶大家看三個我實際有使用過的案例，並且一個步驟一個步驟的走過，當然我們會從簡單到複雜…

平常我們都用Angular Cli來建立專案，但如果有需要製作元件給別人使用，這時候應該怎麼做比較好

今天會示範如何使用Angular Cli來建立一個元件並且發佈到npm

最近看到 Kevin 的一篇文章，說到有用到alias就必須在wallaby另外設定，想說很久沒有弄前陣子上線的專案，開啟來設定看看，沒想到設定後完全沒有用

最近朋友要做一個公司的官網，身為前端人（自己說XD），怎麼可以用wix/wordpress那些啦一啦而已呢
當然要玩一下沒玩過的東西，一直聽說Vue不錯用，因此就來玩玩看囉

前陣子公司的一個產品算是告一段落，這次使用PrimeNG作為元件的基底，但是在使用的過程中，也是有遇到一些值得記錄的事項，因此特別寫了這篇。

前言

在寫Angular專案時，只要遇到表單的部份，通常都會使用驗證的機制來輔助使用者輸入，並且提示訊息，Angular團隊也已經寫好一些驗證的pattern讓我們使用，但總是會有些特殊的格式，勢必要自己寫，這邊來跟大家分享一下作法。

緣起

最近公司的產品有一個需求，是要讓使用者自行更換網頁的圖片，所以就有上傳下載圖片的需求，後端API是直接看上傳什麼格式就下載什麼內容，但是這樣的資料其實在angular中是需要加工才能使用的，來記錄一下作法，廢話不多說上code

Why

身為開發者的你也許常常碰到以下的情況

前情提要

前陣子在公司的舊有專案有個需求，是要做AutoComplete的效果，那時候第一時間腦袋就是浮現了RxJS，用其他作法不是不行，只是剛好學了Rx就是想要用看看（其實想炫技～大誤）