angularjs：從指令更​​新$ rootScope變量

Question

從指令更新rootScope變量的角度方式是什么？ 我無法理解范圍在指令中的工作方式......

到目前為止，我只能更改范圍級別的變量。

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 ，它將可用：

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

還有一種更簡單的方法，不需要注射。 每個scope對象都可以通過$root引用訪問最頂層的$ rootScope。 這意味着你也可以這樣做：

scope.$root.foo = true;