爲了方便多個控制器中的公共數據初始化,AngularJS提供了一個全局作用域對像$roorScope。
AngularJS應用中,僅有一個全局作用域,其他所有的$scope作用域都是$rootScope的子元素。
因爲控制器函數中可以直接使用$rootScope,就有可能會造成全局數據污染。
規範:$rootScope一般和Angular模塊的run()方法一起使用,進行全局數據的初始化。
<!DOCTYPE html>
<html ng-app="myApp"> //程序運行入口
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/angular.min.js"></script>
</head>
<body>
<div ng-controller="myCtrl">
{{name}}
{{username}}
</div>
<div ng-controller="myCtr2">
{{name}}
{{username}}
</div>
<div ng-controller="myCtr3">
{{name}}
{{username}}
</div>
</body>
<script>
三個控制器中,都要使用到一個數據name。
第一種:通過給每個每個控制器裏的name賦相同的值。
第二種:通過全局作用域對象$rootScope.
var app=angular.module("myApp",[]);
app.controller("myCtrl",function ($scope) {
//第一個控制器
$scope.name="Tom"
})
app.controller("myCtr2",function ($scope) {//第二個控制器
$scope.name="Tom"
})
app.controller("myCtr3",function ($scope) {//第三個控制器
$scope.name="Tom"
})
//初始化全局數據
app.run(function ($rootScope) {
$rootScope.username="jquey";
})
</script>
</html>