軟體主廚的程式料理廚房

我們有使用 Bundler & Minifier 來幫助我們將自己撰寫的 JS/CSS 檔案打包跟做最小化，但是 ASP.NET Core 專案在發佈的時候，預設會連同原始檔案也一併發佈出去，多了一些無謂的檔案，因此我們會希望專案在發佈的時候，不要輸出這些檔案。

這天在追查為何 A 客戶的訂單會出貨到 B 客戶哪裡去？　於是我看到了下面這段程式碼：

在 Login 的 Action 上面被加了 OutputCacheAttribute，Duration 屬性被設成 3，其中還用到了 VaryByParam 屬性，我猜寫這段 Code 的工程師應該是想要為每個登入的帳號做 OutputCache，這樣設定沒有問題，問題出在 HTTP Request 的發送內容。

多型在像是 C#、爪哇（用中文應該就不會被告了）這種強型別的物件導向程式語言，要將一個抽象類別的實例存到關聯式資料庫或是做序列化／反序列化，都需要另外處理，關於多型跟關聯式資料庫的對應方法我已經寫在這篇文章裡面，這篇要來寫寫多型如何做 JSON 的序列化／反序列化。

FOR JSON 語法是從 SQL Server 2016 開始支援，跟 FOR XML 一樣，我們可以將整筆記錄或是部分欄位輸出成 JSON 格式，輕鬆解決類別與類別之間一對一及一對多關係的情形，再搭配 Dapper 自定義 TypeHandler，讓關聯式資料庫的欄位與類別的對應轉換無聲無息。

Isolate Scope 使用在重用的組件是非常適合的，如果只是單純地想在 Directive 中避免直接操作 Controller 範圍的屬性或方法，希望定義一些別名在 HTML Element 中與 Controller 的屬性或方法織在一起，應該避免使用 Isolate Scope。

用 AngularJS 開發程式很少不用額外撰寫 Directive，如果我們在 Directive 裡面使用 Isolate Scope 並且從 Controller 指定了一個 function 為觸發函式（&），好死不死這個 function 是需要丟參數給它的，按照一般正常的丟法是不會 work 的，想要丟參數給觸發函式需要一點迂迴的做法。

之前提到的 ngBind、{{ }}、ngBindHtml、ngBindTemplate 資料綁定 是屬於單向資料綁定，也就是說在畫面上修改的值，不會回寫到 Model，當我們需要把使用者輸入的訊息回寫到 Model 時，可以使用 ngModel 這個雙向資料綁定的 Directive。

AngularJS 的 ngBind 系列算是最基本的，也是大部分一開始會碰到的資料綁定語法，它讓我們在想要 HTML 元素內綁定變數資料，算是最入門的資料綁定語法。

過去我們收集了很多 JavaScript 或是 jQuery 很好用的第三方元件，而用了 AngularJS 之後，這些第三方元件就廢掉了？ - 非也。

AngularJS 是用 JavaScript 寫成的框架，並沒有限制與其他用 JavaScript 預先寫好的程式碼做結合，只是我們必須要 follow AngularJS 框架本身的 rule 而已。

我們可以將這些很好用的第三方元件做成 Directive 繼續延用，我就以一個別人寫好的 iScroll Directive 來做為範例，說明一下怎樣把第三方元件做成 Directive。

在[食譜好菜] AngularJS 基本術語及生命週期裡面有介紹到 Directive 主要分成兩種類型：行為的修飾詞（Modifier）、可重用的元件（Component），目的是給我們產生有意義的宣告，簡單來講就是實現抽象化，Directive 的使用者不需要也不必了解項目的運作方式，只要關注最終的結果就行了，我們來看一下如何建立 Directive？以及它有哪些基本的屬性？