从另一个指令访问指令的作用域变量

Accessing a directive's scope variable from another directive

本文关键字：指令 作用域 变量 访问 另一个      更新时间：2023-09-26

>我创建了一个指令，将pageYOffset绑定到窗口滚动时的作用域变量，如下所示：

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，我希望它是一个全局变量，这样我就不必在将来需要它的每个指令中创建该函数。

在 scope.watchScroll = pageYOffset 之后添加了 scope.$apply（）; 一切都很好用。

是的。您必须调用 $scope.$apply（）。应用函数用于更新（触发）某些操作（Jquery插件，某些jQuery函数，setTimeout等）中的范围。

相关文章：