angular學習之link屬性問題

2022-08-27 23:24:16 字數 1490 閱讀 1832

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...