topcat 姍舞之間的極度凝聚

LINQ對於已經將資料放到『List (Of Object)』的二次加工，提供很方便的查詢方式。前陣子剛好有這樣的需求，網路上找一下寫法，這邊筆記一下，也提供有虛要的人參考。

剛好遇見網友在詢問一個問題，他需要『動態產生陣列型的TextBox，讓使用者輸入資料，並且輸入後，按下送出，可以將使用者輸入的內容讀出。』。這要如何處理？小喵來撰寫這樣的一個範例。順便說明動態產生控制項的一些處理概念。

之前的「[筆記][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 如何撰寫

在Javascript中，當變數放的內容是純值（非物件,a=1;），b=a的時候，是使用ByVal的方式，也就是複製一份資料給b，但這情況在「物件」的狀況，卻是 By Reference的傳址方式，也就是兩個變數，指向同一個記憶區塊，資料是相同那塊空間的。因此，如果b[0].Name="aaa"，這時候去取a[0].Name一樣會變成"aaa"。那麼，如何在物件的時候，如何真正的複製出一份內容，存在不同的記憶區塊，讓彼此不會影響呢？看下去～

在開發 angular 2 (angular 4)過程中，小喵通常會用 Chrome 來開發，但運行很正常的專案，在 IE 中卻遇到『物件沒有支援這個屬性或方法 'assign' （Object doesn't support property or method 'assign'）』的問題。要怎麼處理這樣的茶包，請繼續看下去～

檔案上傳，是Web開發很普遍的一個需求。Angular 2 的部分，要怎麼處理這一塊呢？請繼續看下去...

檔案上傳，是Web開發很普遍的一個需求。WebAPI的部分，要怎麼處理這一塊呢？請繼續看下去...

前端的 Angular 2/4 與後端的 WebAPI 結合起來，才是完整的系統架構，而這樣的系統架構下，如何進行登入的驗證呢？本篇就以實際的範例來說明。

Cookie 是在以往Web開發過程中，是常用的一個存資訊在Client端的方式。例如：在電商網站中，當使用者第一次進入網站時，可能就會埋一個Cookie在瀏覽器端，藉以觀察這個瀏覽器，他的一些行為模式，而著名的網站觀察GA，也是以如此的模式作為基礎。目前開發轉到WebAPI後，其實WebAPI也可以對於Request的來源進行類似的作法。這篇就來針對在Controller中，對Cookie進行存取的方式，做個整理。最後，會將相關功能抽出，寫在Models中的類別，作為公用的程式，讓之後每個Controller要對Cookie進行存取，可以簡化相關的撰寫。

如何把分頁控制項的部分，抽出來變成共用的元件，讓分頁的部分可以重複使用。

本篇小喵筆記如何在Angular 2中，對於QueryString的讀取與網址導向使用的範例

小喵遇到一個狀況，根網站的.NET Framework版本為 3.5 ，新專案用的.NET Framework 4.5 掛在其下，遇到一些奇怪的錯誤

錯誤代碼 0x800700b7 配置錯誤定義了重複的 "system.web.extensions/scripting/scriptResourceHandler"

我們繼續看下去～

小喵環境中，年月日時分秒是以14位數的文字來存放，當要展現時，要轉換為正常的日期時間格式。在 Angular 2 中可以透過 pipe 來處理。

[筆記][WebAPI][MessageHandler]在MessageHandler中讀取(get)寫入(set) Cookie

這篇記錄小喵透過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的方式，並說明如何安裝開發環境

在小舖的討論中，看到Keven大推薦使用Dapper，心想這是什麼？於是花點時間尋找一下，發現這真是個好物，可以大幅精簡開發時的程式碼
而且，黑大在2014年的時候就已經寫文記錄下來。

小喵特別練習一下順便記錄下來，提供未來應用時候的參考

NOPI，經常會用到，所以把這個功能寫成共用的類別，未來可以直接將DataTable, DataReader, Objects(List Of)傳入，轉成Excel檔案