angularJs自定義指令

2021-08-18 11:24:41 字數 1359 閱讀 4914

e(元素)  

a(屬性,預設值)

c(類名)

m(注釋) <--directive:my-directive expression-->

priority 優先順序 用來表示指令使用的優先順序

如果乙個元素上具有兩個優先順序相同的指令,宣告在前面的那個會被優先呼叫。如果其中一 個的優先順序更高,則不管宣告的順序如何都會被優先呼叫:具有更高優先順序的指令總是優先執行。

terminal 用來告訴angularjs停止執行當前元素上比本指令優先順序低的指令。但同當前指令 優先順序相同的指令還是會被執行。

template  

用來表示模板,可以是一段字串,如「這是自定義指令」,也可以是乙個函式,可以參考上面的例子

templateurl 用來表示模板,與上面的template功能相似,但表示路徑,可以是外部html檔案路徑的字串也可以是乙個可以接受兩個引數的函式,引數為telement和tattrs,並返回乙個外部html檔案 路徑的字串。

replace 預設為false,模板會被當作子元素插入到呼叫此指令的元素內部,為true,則直接替換此元素

scope

controller

controller引數可以是乙個字串或乙個函式。當設定為字串時,會以字串的值為名字, 來查詢註冊在應用中的控制器的建構函式.當為函式時,可以像平時寫控制器那樣寫,可以將任意可以被注入的angularjs服務傳遞給控制器

controlleras(字串)

controlleras引數用來設定控制器的別名,可以以此為名來發布控制器,並且作用域可以訪 問controlleras。這樣就可以在檢視中引用控制器,甚至無需注入$scope。

require

require引數可以被設定為字串或陣列,字串代表另外乙個指令的名字。require會將控 製器注入到其值所指定的指令中,並作為當前指令的鏈結函式的第四個引數。

AngularJS自定義指令

自定義的指令定義 1.directive 方法可以接受兩個引數,第乙個引數是指令的名字,第二個引數是函式,第二個引數用來返回指令的具體內容。2.指令的引數包括 restrict eacm 分別對應元素 屬性 類名 注釋 主要體現在呼叫指令時的不一樣 優先順序 ngrepeat,來定該自定義標籤的優先...

Angularjs 自定義指令

指令的作用可以簡單的描述為實現語義化的標籤,比如你在移動端h5應用中,有個經常用的功能,比如通訊錄的功能,不同的頁面都要用到,這時你可以將其封裝為指令,在使用的時候可以通過這樣的語義化的標籤直接在頁面中使用即可。首先實現乙個helloworld的例子,讓我們先上手自定義指令,先體會下指令的妙處。定義...

AngularJS自定義指令

除了 angularjs 內建的指令外,我們還可以建立自定義指令。你可以使用 directive函式來新增自定義的指令。要呼叫自定義指令,html 元素上需要新增自定義指令名。使用駝峰法來命名乙個指令,runoobdirective,但在使用它時需要以 分割,runoob directive run...