軟體主廚的程式料理廚房

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？以及它有哪些基本的屬性？

這篇講的是 AngularJS 1.x，寫文章的當下 AngularJS 2.0 已經 RC5 了，已知 AngularJS 2.0 是不會向下相容 1.x 的。

那我為什麼還要寫 AngularJS 1.x 的文章呢？ - 用來幫助我回憶的！

以前花時間閱讀跟學習的技術，隨著時間以及很少用到，記憶會慚慚淡化，趁現在還記得幾分趕快做個筆記，尤其是技術背後本身的概念及限制，這些都會影響到我們掌握一門技術的程度。