为了方便多个控制器中的公共数据初始化,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>