从另一个指令访问指令的范围变量

Question

我创建了一个指令，将 pageYOffset 绑定到 window 滚动上的范围变量，如下所示：

app.directive('scrollDirective',function(){
    return {
        restrict: 'E',
        link: function(scope,elem,attrs){
            angular.element(window).bind('scroll',function(){
                scope.watchScroll = pageYOffset;
            })
        }
    }
})

我正在尝试从另一个指令访问 watchScroll 变量，如下所示：

app.directive('anotherDirective',function(){
    return {
        restrict: 'A',
        link: function(scope,elem,attrs){
            scope.$watch(function(){return scope.watchScroll;},function(changes){
                console.log(changes);
            });
        }
    }
})

我是不是做错了什么，或者范围变量不能像这样从一个指令到另一个指令访问？

我有一个单独的 scrollDirective 的原因是我将在整个应用程序中使用 pageYOffset，我希望它是一个全局变量，这样我就不必在我所在的每个指令中都创建该函数以后需要。

Answer 1

在 scope.watchScroll = pageYOffset 之后添加了 scope.$apply()；一切都很好。

Answer 2

Yes.You 必须调用 $scope.$apply().Apply 函数用于更新（触发）某些动作中的作用域（Jquery 插件，某些 jQuery 函数,setTimeout 等..).

从另一个指令访问指令的范围变量

Accessing a directive's scope variable from another directive

javascript

angularjs

angularjs-directive

angularjs-scope