在我rootscope我有控制一个div的可见性的可见属性

  app.run（函数（$ rootScope）{    $ rootScope.visible = FALSE;}）; 

示例HTML：

 ＆lt;节NG控制器='oneCtrl'＆GT;    ＆LT;按钮NG点击='切换（）'＆GT;拨动＆LT; /按钮＆GT;    ＆LT; D​​IV NG秀='看得见'＆GT;        ＆LT;按钮NG点击='切换（）'＆GT;＆安培;倍;＆LT; /按钮＆GT;    ＆LT; / DIV＆GT;＆LT; /节＆gt; 

控制器：

  VAR oneCtrl =功能（$范围）{    $ scope.toggle =功能（）{        $ scope.visible = $ scope.visible！;    };} 

以上部分工作正常，元素显示或隐藏没有问题。现在，在不同节在同一页我试图改变可见变量显示格，但它不能正常工作。

 ＆lt;节NG控制器='otherCtrl'＆GT;    ＆LT;按钮NG点击='showDiv（）'＆gt;显示＆LT; /按钮＆GT;＆LT; /节＆gt; 

控制器：

  VAR otherCtrl =功能（$范围）{    $ scope.showDiv =功能（）{        $ scope.visible = TRUE;    };} 

解决方案

在AngularJS， $范围取值中典型从其父范围了继承，一路 $ rootScope 。在JavaScript中，原始类型的覆盖的当孩子改变他们。所以，当你设置 $ scope.visible 在你的控制器之一，在 $ rootScope 是从未接触过的财产，但而新的可见属性添加到当前的范围。

在AngularJS，对范围模型值应该总是有一个点，这意味着，而不是原语对象。

不过，您也可以通过注入 $ rootScope 解决您的情况：

In my rootscope I have a visible property which controls the visibility of a div

app.run(function ($rootScope) {
    $rootScope.visible = false;
});

Example HTML:

<section ng-controller='oneCtrl'>
    <button ng-click='toggle()'>toggle</button>
    <div ng-show='visible'>
        <button ng-click='toggle()'>&times;</button>
    </div>
</section>

Controller:

var oneCtrl = function($scope){
    $scope.toggle = function () {
        $scope.visible = !$scope.visible;
    };
}

The above section works fine, the element is shown or hide without problems. Now in the same page in a different section I try to change the visible variable to show the div but it doesn't work.

<section ng-controller='otherCtrl'>
    <button ng-click='showDiv()'>show</button>
</section>

Controller:

var otherCtrl = function($scope){
    $scope.showDiv = function () {
        $scope.visible = true;
    };
}

In AngularJS, $scopes prototypically inherit from their parent scope, all the way up to $rootScope. In JavaScript, primitive types are overwritten when a child changes them. So when you set $scope.visible in one of your controllers, the property on $rootScope was never touched, but rather a new visible property was added to the current scope.

In AngularJS, model values on the scope should always "have a dot", meaning be objects instead of primitives.

However, you can also solve your case by injecting $rootScope:

var otherCtrl = function($scope, $rootScope){
  $scope.showDiv = function () {
    $rootScope.visible = true;
  };
}