angularjs：从指令更??新$rootScope变量

发布时间：2020-12-17 17:48:11 所属栏目：安全来源：网络整理

导读：从指令更新rootScope变量的角度方式是什么？我无法理解范围在指令中的工作方式…… 到目前为止,我只能更改范围级别的变量. app.run(['$rootScope',function($rootScope) { $rootScope.foo = false;}app.directive('myDirective',[function(){ return { rest

从指令更新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>

解决方法

如果您需要在需要注入的任何地方访问$rootScope,它将可用：

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

还有一种更简单的方法,不需要注射.每个范围对象都可以通过$root引用访问最顶层的$rootScope.这意味着你也可以这样做：

scope.$root.foo = true;

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!