angularjs的自定義directive指令的繫結策略scope:”@”、”=”、”&”
通常我們知道指令預設是可以跟外界通訊的.
比如:
<div
ng-controller="mytest"> |
<test></test> |
</div> |
test自定義指令是可以訪問到mytest控制器的scope
要想把test自定義指令獨立作用域,也就是說跟mytest切斷關係:可以加上指令的引數scope:{},這樣就能做到互不相干了
但是也不可能完成切斷關係,總會有某些東西要互相互動,如果想跟mytest控制器的某個scope屬性互動,就要用繫結策略
下面來介紹三種繫結策略的做法
[email protected]符號
“@”是通過DOM的屬性來跟mytest控制器互動繫結一起
<div
ng-controller="mytest"> |
<test></test> |
</div> |
app.controller("mytest", function ($scope)
{ |
$scope.name
= "jack"; |
$scope.age
= 25; |
}); |
app.directive("test",function(){ |
return { |
restrict
: "E", |
template
: '<div
name="{{name}}"></div>', |
replace
:
|