angular.module('docstransclusionexample', )
.controller('controller', ['$scope', function($scope) ])
.directive('mydialog', function() ,
templateurl: 'my-dialog.html',
link: function (scope, element)
};});
首先我們先來聊聊你列出的directive
中的幾個屬性:
restrict
e: 表示該directive
僅能以element方式使用,即:
a: 表示該directive
僅能以attribute方式使用,即:
ea: 表示該directive
既能以element方式使用,也能以attribute方式使用
transclude
你的directive
可能接受頁面上的其他html內容時才會用到,建議你先去掉該引數。有些高階了。
scope
當你寫上該屬性時,就表示這個directive
不會從它的controller
裡繼承$scope
物件,而是會重新建立乙個。
templateurl
你的directive
裡的html
內容
link
可以簡單理解為,當directive
被angular 編譯後,執行該方法
這裡你說的沒錯,link
中的第乙個引數scope
基本上就是你說的上面寫的那個scope
。
element
簡單說就是$('my-dialog')
attrs
是個map,內容是你這個directive
上的所有屬性,例如:你在頁面上如果這樣寫了directive
:
my-dialog>
那attrs
就是:
link 的概念可以與 compile 結合起來理解;二者都用於把directive渲染出來。
compile在編譯前執行,負責把template(包括transclude所引用的)變成乙個完整的dom結構。 link在編譯後執行,負責根據controller和scope裡的東東,給compile得到的dom註冊事件、關聯資料,或者repeat之。
粗暴理解的話,可以認為乙個管dom準備,乙個管資料操作。
Angular學習筆記 Angular生命週期
生命週期函式通俗的講就是元件建立 元件更新 元件銷毀的時候會觸發的一系列的方法。當 angular 使用建構函式新建乙個元件或指令後,就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法。當 angular 使用建構函式新建乙個元件或指令後,就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法 鉤子用途...
PageHelper之PageInfo屬性解釋
最近在使用pagehelper進行分頁操作,但是我對pageinfo的屬性不是很熟悉,因此這裡記錄一下pageinfo的屬性意思。private listlist 物件記錄結果集 private int total 0 總記錄數 private int pagesize 20 每頁顯示記錄數 pri...
redis學習之三 Link
鍊錶最基本的操作是向頭 尾插入 刪除資料。在redis的鍊錶中包括左left右right操作,左代表頭,右代表尾。1 插入 刪除操作 lpush number 1 2 3 4 5 此時number的結構是 5 4 3 2 1 rpush number 1 2 3 4 5 此時number的結構是 1...