AngularJS 设置全局变量的方法总结

在AngularJS中，可以通过不同的方法来设置全局变量。下面是两种常用的方法示例：

方法一：使用$rootScope

$rootScope是AngularJS中的根作用域，它可以在整个应用程序中共享数据。要设置全局变量，可以将变量添加到$rootScope对象中。

// 在控制器中设置全局变量
app.controller('MyController', function($scope, $rootScope) {
  $rootScope.globalVariable = 'Hello World';
});

// 在模板中使用全局变量
<div ng-controller=\"MyController\">
  {{ globalVariable }}
</div>

在上面的示例中，我们在控制器中将变量globalVariable添加到$rootScope对象中。然后，在模板中使用{{ globalVariable }}来显示全局变量的值。

方法二：使用服务（Service）

AngularJS中的服务是可重用的组件，可以在整个应用程序中共享数据和功能。可以创建一个自定义服务来设置和获取全局变量。

// 创建一个全局变量服务
app.service('GlobalVariableService', function() {
  var globalVariable = 'Hello World';

  this.getGlobalVariable = function() {
    return globalVariable;
  };

  this.setGlobalVariable = function(value) {
    globalVariable = value;
  };
});

// 在控制器中使用全局变量服务
app.controller('MyController', function($scope, GlobalVariableService) {
  // 设置全局变量的值
  GlobalVariableService.setGlobalVariable('Hello AngularJS');

  // 获取全局变量的值
  $scope.globalVariable = GlobalVariableService.getGlobalVariable();
});

// 在模板中使用全局变量
<div ng-controller=\"MyController\">
  {{ globalVariable }}
</div>

在上面的示例中，我们创建了一个名为GlobalVariableService的服务。该服务包含了一个私有变量globalVariable，以及用于设置和获取该变量的方法。在控制器中，我们通过调用GlobalVariableService的方法来设置和获取全局变量的值。

以上是两种常用的方法来设置全局变量。你可以根据具体的需求选择适合的方法来实现全局变量的功能。