【问题标题】:Best way to communicate between directive instances在指令实例之间进行通信的最佳方式
【发布时间】:2013-09-09 11:24:54
【问题描述】:
我有两个指令实例。有没有办法在两个实例之间进行通信?
或者我可以设置一个所有实例共享相同值的全局变量。
我尝试将值存储在服务中。当一个实例中的值发生变化时,其他实例将被手动更新。但我不确定这是否是最好的方法。
谢谢。
【问题讨论】:
标签:
angularjs
instance
directive
【解决方案1】:
指令工厂本身是一个单例。您在定义对象之外声明的任何内容对所有实例都是全局的。由于每个实例都有自己的范围,因此特定于实例的数据应该在范围内。所以,是这样的:
angular.module("myApp", [])
.directive("myDir", function() {
var myGlobal = 0;
return {
template: '<div>Global: {{getGlobal()}}, Local: {{local}} -- <a href="" ng-click="increment()">Increment</a></div>',
scope: {},
link: function(scope, element, attrs) {
scope.local = 0;
scope.increment = function() {
scope.local++;
myGlobal++;
}
scope.getGlobal = function() {
return myGlobal;
}
}
}
});
http://jsfiddle.net/7YwDS/