指令实例之间通信的最佳方式

时间:2013-09-05 14:50:38

标签: angularjs instance directive

我有两个指令实例。这两个实例之间有通信方式吗? 或者我可以设置一个全局变量,所有实例将共享相同的值。

我试图将值存储在服务中。当一个实例中的值更改时,将手动更新其他实例。但我不确定这是否是最好的方式。

感谢。

1 个答案:

答案 0 :(得分:11)

指令工厂本身就是一个单身人士。您在定义对象之外声明的任何内容都将对所有实例都是全局的。由于每个实例都有自己的范围,因此特定于实例的数据应该在范围内。所以,像这样:

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/