angular指令系統directive

2021-08-09 22:16:11 字數 941 閱讀 5433

1、匹配模式

var mymodule = angular.module("mymodule", );

mymodule.directive("hello", function()

對應到html中:

(預設)

a和e最為常見,當需要建立帶有自己模板的指令時,使用元素名稱(e)方式建立指令,當需要為已有的html標籤新增功能時,使用屬性(a)方式。

2、模板

var mymodule = angular.module("mymodule", );

mymodule.directive("hello", function()

});若想將模板快取起來在別的指令中復用,使用

var mymodule = angular.module("mymodule", );

//注射器載入完所有模組時,此方法執行一次

mymodule.run(function($templatecache));

mymodule.directive("hello", function($templatecache)

});3、replace和transclude

指令中存在巢狀如下:

這裡是指令內部的內容。

使用replace會將內部的div替換掉不顯示出來,若要顯示,使用transclude:

var mymodule = angular.module("mymodule", );

mymodule.directive("hello", function()  

});就可以把內部巢狀的語句放到ng-transclude的位置去

直接操作dom元素不符合angularjs的思想,在指令中進行操作

指令執行的三個階段:

指令和指令系統

第一部分,是指令的操作碼。操作碼用於指明本條指令的操作功能,例如,是算術加運算 減運算還是邏輯與 或運算功能,是否是讀 寫記憶體或讀 寫外設操作功能,是否是程式轉移和子程式呼叫或返回操作功能等,計算機需要為每條指令分配乙個確定的操作碼。第二部分,是指令的運算元位址,用於給出被操作的資訊 指令或資料 ...

指令系統1

指令的一般格式 操作碼 長度固定操作碼 便於硬體設計,指令解碼時間短 長度變化操作碼 採用擴充套件操作碼技術 位址碼 用一些硬體資源 如pc,acc 承擔指令字中需指明的位址碼可在不改變指令字長的前提下擴大指令運算元的直接定址範圍 指令字長 取決於操作碼的長度,運算元位址的長度,運算元位址的個數。不...

SSE的指令系統

sse的指令系統 sse2和sse的指令系統非常相似,僅僅多了少量額外的浮點運算,64位浮點 整數運算支援 sse比傳統浮點運算要快,因為它使用128位儲存單元。在windows使用 include 在linux下使用 include 1.變數定義和使用 m128 s1 s1.m128 f32 2 ...