AngularJS 使用 $rootScope 作为数据存储

AngularJS 是一种流行的前端 JavaScript 框架，它提供了许多便利的功能和工具，使得开发者能够轻松构建复杂的单页应用程序。其中一个重要的概念是 $rootScope，它被用作数据存储和共享的中央位置。在本文中，我们将探讨如何使用 $rootScope 并提供一些案例代码来说明其用法。

javascript
// 在控制器中注入 $rootScope
app.controller('MainController', ['$scope', '$rootScope', function($scope, $rootScope) {
  // 将数据附加到 $rootScope 上
  $rootScope.username = 'John Doe';
}]);
// 在另一个控制器中访问 $rootScope 中的数据
app.controller('AnotherController', ['$scope', '$rootScope', function($scope, $rootScope) {
  // 访问 $rootScope 中的数据
  $scope.username = $rootScope.username;
}]);

javascript
app.controller('LoginController', ['$scope', '$rootScope', function($scope, $rootScope) {
  // 用户登录后将用户信息存储在 $rootScope 上
  $rootScope.user = {
    username: 'John Doe',
    email: 'john@example.com'
  };
}]);

javascript
app.controller('ConfigController', ['$scope', '$rootScope', function($scope, $rootScope) {
  // 存储全局配置
  $rootScope.config = {
    apiUrl: 'https://api.example.com',
    themeColor: 'blue'
  };
}]);