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

标签 angularjs instance directive

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

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

谢谢。

最佳答案

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

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/

关于angularjs - 在指令实例之间进行通信的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18639507/

相关文章:

python - 为什么实例变量在 Python 中表现得像类变量?

javascript - 当输入具有范围指令时,Angularjs 绑定(bind)问题

angularjs:指令创建两个子范围(不是隔离范围)?以及如何获取元素的范围?

angularjs - 如何将过滤器传递给 AngularJS 中的指令

c# - 在创建类实例 C# 时运行函数

javascript - 使用angularjs过滤谷歌地图标记

java - 将 Json 文件存储在 AngularJS 变量中以与 'ng-repeat' 一起使用

javascript - AngularJS $watch 在页面输入时触发

java - JUnit:调用每个@Test 方法之前的新实例。有什么好处?

twitter-bootstrap - AngularJS 和 Bootstrap 拆分按钮下拉菜单