angularjs - 在指令实例之间进行通信的最佳方式

Question

我有两个指令实例。有没有办法在两个实例之间进行通信？或者我可以设置一个全局变量，所有实例都将共享相同的值。

我试图将值存储在服务中。当一个实例中的值发生变化时，其他实例将被手动更新。但我不确定这是否是最好的方法。

谢谢。

Answer 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/