之前的「[筆記][Angular 2][Angular 4]透過Angular-CLI 撰寫 Angular 2針對單一資料表的CRUD」，內容作了針對單一資料表的C(新增)R(查詢)U(修改)D(刪除)。其中查詢的部分，也加上分頁的功能。但，感覺好像還缺了那一塊。一般的查詢，可能還需要額外加上『排序』，在分頁的情況下，可以針對每個欄位，點選排序，進行『順排(由小到大)』與『逆排(由大到小)』的排序。這邊就來補充這個份的功能。
在 Angular 2 / 4 的世界中，是一個一個的 Component 堆積而成的，每個 Component 都是獨立，卻又可以交互合作，在這樣的情況下，外層的 Component 如何傳遞入（Input）資料給內層的 Component ，而內層的資料，在要把資料往外傳遞（Output）時，又如何觸發外層的事件來處理往外傳遞的資料。我們這一篇就來看看 Component 的 Input / Output 如何撰寫
在開發 angular 2 (angular 4)過程中，小喵通常會用 Chrome 來開發，但運行很正常的專案，在 IE 中卻遇到『物件沒有支援這個屬性或方法 'assign' （Object doesn't support property or method 'assign'）』的問題。要怎麼處理這樣的茶包，請繼續看下去～
檔案上傳，是Web開發很普遍的一個需求。Angular 2 的部分，要怎麼處理這一塊呢？請繼續看下去...
前端的 Angular 2/4 與後端的 WebAPI 結合起來，才是完整的系統架構，而這樣的系統架構下，如何進行登入的驗證呢？本篇就以實際的範例來說明。
如何把分頁控制項的部分，抽出來變成共用的元件，讓分頁的部分可以重複使用。
本篇小喵筆記如何在Angular 2中，對於QueryString的讀取與網址導向使用的範例
小喵環境中，年月日時分秒是以14位數的文字來存放，當要展現時，要轉換為正常的日期時間格式。在 Angular 2 中可以透過 pipe 來處理。
這篇記錄小喵透過Angular-CLI撰寫針對單一資料表的CRUD，從WebAPI，到Angular 2。文章有點長，如果您對於WebAPI的部分已經很熟悉，建議您可以從Angular 2的部分開始看。
在正式開始瞭解AngularJS之前，先透過Angular-CLI建立第一個專案，並簡單測試一下Hello Word，並說明如何使用Visual Studio Code開啟此專案，以及如何啟動開發模式，修改成Hello Word，藉以熟悉Visual Studio Code開發AngularJS 2的幾個基本操作。
小喵藉由此篇，說明為何使用AngularJS 2作為開發Web的方式，並說明如何安裝開發環境