angular中如何定义全局变量_Angular中的全局变量

Angular中的全局变量

我有一个问题，我在控制器中的范围初始化变量。 然后在用户登录时在另一个控制器中进行更改。此变量用于控制导航栏等内容，并根据用户类型限制对站点部分的访问，因此保持其值非常重要。 它的问题在于初始化它的控制器，通过角度再次调用，然后将变量重置为其初始值。

我认为这不是声明和初始化全局变量的正确方法，它不是真正的全局变量，所以我的问题是什么是正确的方法，是否有任何关于使用当前版本的角度工作的好例子？

12个解决方案

476 votes

你有“全局”变量的两个选项：

使用$rootScope [http://docs.angularjs.org/api/ng.$rootScope]

使用服务[http://docs.angularjs.org/guide/services]

$rootScope是所有范围的父级，因此在此处公开的值将在所有模板和控制器中可见。 使用$rootScope非常简单，因为您只需将其注入任何控制器并更改此范围内的值即可。 它可能很方便，但具有全局变量的所有问题。

服务是可以注入任何控制器并在控制器范围内公开其值的单例。 作为单身人士的服务仍然是“全球性的”，但你可以更好地控制那些被使用和暴露的地方。

使用服务有点复杂，但不是那么多，这是一个例子：

var myApp = angular.module('myApp',[]);

myApp.factory('UserService', function() {

return {

name : 'anonymous'

};

});

然后在控制器中：

function MyCtrl($scope, UserService) {

$scope.name = UserService.name;

}

这是工作的jsFiddle：[http://jsfiddle.net/pkozlowski_opensource/BRWPM/2/]

pkozlowski.opensource answered 2019-01-29T21:43:48Z

90 votes

如果您只想存储一个值，根据Providers上的Angular文档，您应该使用Value配方：