什么是 $rootScope？
在 AngularJS 中，$rootScope 是一个全局的作用域，它是所有其他作用域的父级作用域。$rootScope 中定义的属性和方法，可以在整个应用程序中被访问和使用。
$rootScope 的作用
$rootScope 主要用于存储应用程序的全局数据，例如用户信息、应用程序配置信息等。此外，$rootScope 还可以用于在不同的控制器之间传递数据，或者在应用程序的不同部分共享数据。
如何使用 $rootScope？
在控制器中使用 $rootScope
在控制器中使用 $rootScope 非常简单。只需要将 $rootScope 作为控制器的参数即可：
app.controller('myCtrl', function($scope, $rootScope) {
$rootScope.title = 'My App';
});在上面的例子中，我们将一个名为 title 的属性添加到 $rootScope 中，并将其设置为 "My App"。这个属性可以在整个应用程序中被访问和使用。
在模板中使用 $rootScope
要在模板中使用 $rootScope 中的数据，可以使用 $rootScope 对象的属性名来访问它们：
<div ng-app="myApp" ng-controller="myCtrl">
<h1>{{ $rootScope.title }}</h1>
</div>在上面的例子中，我们在模板中使用了 $rootScope 中的 title 属性，它会被渲染成一个 h1 标签。
监听 $rootScope 中的属性变化
有时候，我们需要在 $rootScope 中的属性发生变化时执行一些操作。这时，可以使用 $rootScope.$watch() 方法来监视属性的变化：
app.run(function($rootScope) {
$rootScope.$watch('title', function(newValue, oldValue) {
console.log('title changed from ' + oldValue + ' to ' + newValue);
});
});在上面的例子中，我们使用 $rootScope.$watch() 方法来监视 title 属性的变化。当 title 属性发生变化时，回调函数会被执行，并输出变化前后的值。
总结
$rootScope 是 AngularJS 中非常重要的一个概念，它可以用于存储全局数据、在不同控制器之间共享数据等。在使用 $rootScope 时，需要注意避免滥用全局作用域，以及注意属性和方法的命名，避免与其他模块冲突。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65585541d2f5e1655d2861b9