angular 页面调用 $rootScope 变量
大家都知道 $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>不过一般为了防止冲突的变量名，全局作用域下的变量名称起的一般都有唯一性，所以调用时可以直接插值 ： {{变量名}} 来调用。
