angular指令中 , , 的區別

2022-08-28 09:33:09 字數 1000 閱讀 4402

當directive中的scope設定為乙個物件的時候,該指令就有了乙個獨立的作用域,angularjs提供了一種繫結策略用於隔離作用域和外部作用域進行通訊。

1、@(or @attr)

使用@符號可以進行單項的資料繫結,取值總是乙個字串,所以要用}。

另外這也是乙個單向的繫結,外部資料改變會反應到內部,但是內部資料變資料變化,外部不會變。

屬性要用-連線,scope中寫它的駝峰格式。

如果沒有通過@attr指定屬性名稱,那麼本地名稱要與dom屬性的名稱一致。

$scope.name = "jhon";

}).directive("myname", function(),

template:'',

// template:'',

} });

2、= (or =attr)

使用=進行雙向資料繫結,任何一方的值改變都會反應到另一方。因為是雙向繫結,所以不要使用},不然以下demo會報錯。

屬性要用-連線,scope中寫它的駝峰格式。

如果沒有通過@attr指定屬性名稱,那麼本地名稱要與dom屬性的名稱一致。

$scope.name = "jhon";

}).directive("myname", function(),

template:''

} });

3、&(or &attr)

&用來繫結外部的函式。

屬性要用-連線,scope中寫它的駝峰格式。

如果沒有通過@attr指定屬性名稱,那麼本地名稱要與dom屬性的名稱一致。

$scope.count = 0;

$scope.increment = function();

}).directive("myname", function(),

template:''

} });

angular中要注意的指令

1.ng repeat 遍歷集合,給每個元素生成模板例項,每個例項的作用域中可以用一些特殊屬性,如下 1 index 遍歷集合的下標 2 first 遍歷集合中的第乙個物件 3 last 遍歷集合中的最後乙個物件 4 middle 遍歷集合第乙個和最後乙個之間的物件 5 even 遍歷集合的偶數物件...

angular的常用指令

因為ng bind 預設把html標籤轉義成字串。如果不想轉義。用這個指令。注意 當遍歷的時候,陣列有相同的值的時候,會報錯,用下面這種方法可以解決 track by ng repeat item in ccc track by index li name id ng model xx value ...

angular指令的transclude學習

最近學習angular,今天將指令中的transclude選項和ng transclude指令總結一下。本文演示用的angular版本為1.5.11。首先,angualar指令的transclude選項有三種值 false true object。transclude字面意思就是嵌入,也就是說你需不...