angularjs:从指令更​​新 $rootScope 变量

Question

从指令更新 rootScope 变量的 Angular 方式是什么？
我无法理解作用域在指令中的工作方式......

到目前为止，我只能在范围级别更改变量。

app.run(['$rootScope', function($rootScope) {
    $rootScope.foo = false;
}

app.directive('myDirective', [function(){
    return {
        restrict: 'A',
        link: function(scope, elem, attrs) {
            elem.bind('click', function() {
                scope.$parent.foo = true;
                scope.$parent.apply();
            });
        }
    }   
}]);

<!-- does not update foo -->
<p>{{ foo }}</p>

<!-- updates foo -->
<div my-directive><p>{{ foo }}</p></div>

Answer 1

如需访问$rootScope任何你需要注入(inject)它的地方，它就会变得可用:

app.directive('myDirective', ['$rootScope', function($rootScope) {
    return {
        restrict: 'A',
        link: function(scope, elem, attrs) {
            elem.bind('click', function() {
                $rootScope.foo = true;
                $rootScope.$apply();
            });
        }
    }   
}]);

还有一种更简单的不需要注入(inject)的方法。每 scope对象可以通过 $root 访问最顶层的 $rootScope引用。这意味着你也可以这样做:

scope.$root.foo = true;