大家都知道 $rootScope 是全局作用域，保存到此作用域的变量，所有该模块的控制器局部作用域下都能访问到，那么问题来了，如果全局作用域的变量名与局部作用域的名称一样，那么该如何区分调用呢？？？
方法还是很简单的：调用全局作用的变量，只需要在变量前加 $root 即可。
<!DOCTYPE html> <html ng-app='myApp'> <head> <meta charset='utf-8'> <script src='angular.js'></script> </head> <body> <div ng-controller='myCtrl1'> <div>myCtrl1 : {{name}}</div> <div>myCtrl1 : {{$root.name}}</div> </div> <div ng-controller='myCtrl2'> <div>myCtrl2 : {{name}}</div> </div> <script> var app = angular.module("myApp",[]) app.controller("myCtrl1",function($scope, $rootScope){ $scope.name = 'scope'; }) app.controller("myCtrl2",function($scope, $rootScope){ $rootScope.name = 'rootScope'; }) </script> </body> </html>
不过一般为了防止冲突的变量名，全局作用域下的变量名称起的一般都有唯一性，所以调用时可以直接插值 ： {{变量名}} 来调用。