我无法理解指令 js 范围的工作原理。我的意思是看起来主指令函数中声明的局部变量在指令的所有实例之间共享。例如。
// HTML
<ul>
<li my-dir="1"></li>
<li my-dir="2"></li>
<li my-dir="3"></li>
</ul>
//JS
.directive('myDir', function($timeout) {
var data, _el;
function init(){
_el.text(data);
}
function link(scope, el, attrs) {
_el = el;
data = attrs.myDir;
$timeout(init,500);
}
return {
restrict: 'A',
link: link
};
});
在上面的例子中,我只会得到最后一个元素填充最后一个值,因为
_el
每次都会被分配一个新元素。在这里你有一个以上的plnkr:http://plnkr.co/edit/NXV6w4MZbROhnZ524wvx?p=preview
我应该怎么做?
最佳答案
init 和局部变量需要在链接函数中声明,而不是在指令声明中声明,后者将与所有实例共享。
//JS
app.directive('myDir', function($timeout) {
function link(scope, el, attrs) {
var data, _el;
function init(){
_el.text(data);
}
_el = el;
data = attrs.myDir;
$timeout(init,500);
}
return {
restrict: 'A',
link: link
};
});
见 http://jsbin.com/kosiw/1/edit
关于angularjs-directive - AngularJS - 在指令中使用局部变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24754784/