有關(guān)自定義指令的scope參數(shù)，網(wǎng)上很多文章都在講這3種綁定方式實(shí)現(xiàn)的效果是什么，但幾乎沒有人講到底怎么使用，本篇希望聊聊 到底怎么用 這個話題。

目前創(chuàng)新互聯(lián)建站已為數(shù)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計、自流井網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

一. 自定義指令

自定義指令，是 Angularjs 用來實(shí)現(xiàn)組件化的方式，相比于 React 和 Vue 的組件化方式，它真的很復(fù)雜，自定義指令太重了，它暴露了太多可供定制的參數(shù)，以至于普通的開發(fā)者完全不知道要用它來做什么而將其束之高閣，畢竟一般的業(yè)務(wù)邏輯通過controller和service就已經(jīng)可以完成了。

自定義指令在 Angularjs 項目中主要有兩大用途：

1.封裝指定組件的DOM操作

Angularjs 期望的開發(fā)方式是將DOM的操作盡可能封裝在自定義指令中，這樣對于局部變量的操作會更容易加入到Angular自己的生命周期中。

2.組件化

Angularjs 靠自定義指令實(shí)現(xiàn)組件化。諸如你在 React 和 Vue 中看到的類似于 , 這樣的自定義標(biāo)簽，或是父級子級傳值所使用的 prop ，又或者是標(biāo)記組件自身狀態(tài)的 state ，在 Angularjs 中全部都是通過自定義指令來實(shí)現(xiàn)的。

二. 數(shù)據(jù)綁定的形式

自定義指令在定義后，需要在html文件中編寫，最常用的方式是將其書寫為 標(biāo)簽屬性。 當(dāng)使用自定義指令時，常常需要將一個變量的值從controller傳遞至directive中，此時需要在 scope 屬性中進(jìn)行變量綁定設(shè)置， Angularjs 提供了3種不同的綁定方式（實(shí)際上也可以直接傳遞True），如下所示：

scope: {
  infiniteScroll: '=', // 將infiniteScroll同父級controller中的指定對象雙向綁定
  onSend: '&', // 從父級獲取一個變量的引用，常用作方法調(diào)用
  fromName: '@' // 從父級獲取值后便只在本地作用域生效
}

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享題目：詳解Angularjs自定義指令中的數(shù)據(jù)綁定-創(chuàng)新互聯(lián)
文章分享：http://weahome.cn/article/dddcei.html