angular的directive的屬性和用法

2021-07-11 15:20:51 字數 1229 閱讀 5707

return })

restrict

//e:表示該directive僅能以element方式使用,即:

//a: 表示該directive僅能以attribute方式使用,即:

//c:樣式,即:my-dialog:product">

//m:注釋,即

//可以簡單理解為,當directive被angular 編譯後,執行該方法

scope

//scope 當你寫上該屬性時,就表示這個directive不會從它的controller裡繼承$scope物件,而是會重新建立乙個。

//scope的屬性簡潔但語法複雜,你可以用符號例如:&,@ 和=來定義屬性的繫結方式。

使用 @ 

繫結父級作用域]

監測屬性的結果。eg:scope:

&是在屬性裡解析表示式

的,也構建了乙個可重用的功能表示式構造器會生成了乙個依賴父級scope的方法。

你可以隨時執行他,甚至可以監測到輸出的變化。

使用 = 設定 本地scope與父級scope間的雙向資料繫結。

template:'}'

link:function(scope,element,attrs)

'      

}});link

//element簡單說就是$('my-dialog')

//attrs是個map,內容是你這個directive上的所有屬性

//somectrl,最後乙個就是通過require獲取的controller的名字,內部控制器

link:function(scope,element,attrs)); }

require

選項的值可以分別用字首?、^ 和?^進行修飾,也可以不修飾。相當於注入控制器

如果不進行修飾,比如require:'thisdirective',那麼require只會在當前指令中查詢控制器

如果想要指向上游的指令,那麼就是用^進行修飾,比如require:'^parentdirective',如果沒有找到,那就         會丟擲乙個錯誤。

如果使用?字首,就意味著如果在當前指令沒有找到控制器,就將null作為link的第四個引數;

那麼,如果將?和^結合起來,我們就可以既指定上游指令,又可以在找不到時,不丟擲嚴重的錯誤

resultctrl控制器列表,require注入的控制器

link:function(scope,element,attrs,resultctrl)

angular的執行機制 Angular 執行機制

angular 模組 模組是用來組合相關元件 指令 服務等的乙個功能塊。可以理解為就是對乙個應用所要用到的各個部分按照一定的規律進行歸類,從而組成乙個完整的應用。angular 模組可以通過 angular.module name,requires 方法生成 name 模組的名字 requires ...

Angular學習筆記 Angular生命週期

生命週期函式通俗的講就是元件建立 元件更新 元件銷毀的時候會觸發的一系列的方法。當 angular 使用建構函式新建乙個元件或指令後,就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法。當 angular 使用建構函式新建乙個元件或指令後,就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法 鉤子用途...

angular貨幣過濾 angular過濾器的使用

angular中常見過濾器 我們從後台請求的資料 有時候不是我們想要的格式 比如貨幣數字從後台獲取過來就是一堆純數字 但是貨幣數字通常是 按照規則用逗號分開並且數字前面有標識當前是哪種貨幣 過濾器的概念 angularjs為我們提供的處理資料格式的方式 過濾器的作用 將資料格式化我們想要的格式 過濾...