其实很简单。(如果你使用的是Angular 2+的话。)

简单的添加

declare var myGlobalVarName;

在组件文件顶部的某个地方(例如在“import”语句之后)，您将能够在组件中的任何地方访问“myGlobalVarName”。

localStorage.username = 'blah'

如果你用的是现代浏览器的话。尽管知道你的值都将被转换成字符串。

也有方便的好处被缓存之间重新加载。

我只是无意中发现了另一个方法:

我所做的是在app声明上面声明一个var db = null，然后在app.js中修改它，然后当我在controller.js中访问它 我可以毫无问题地访问它。这种方法可能有一些问题，我不知道，但我想这是一个很好的解决方案。

如果你只是想存储一个值，根据Angular的Providers文档，你应该使用value recipe:

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

然后像这样在控制器中使用它:

myApp.controller('DemoController', ['clientId', function DemoController(clientId) {
    this.clientId = clientId;
}]);

使用提供者、工厂或服务也可以达到同样的效果，因为它们“只是提供者菜谱上的语法糖”，但使用值可以用最少的语法实现您想要的效果。

另一个选项是使用$rootScope，但这不是一个真正的选项，因为你不应该使用它，因为同样的原因，你不应该在其他语言中使用全局变量。建议有节制地使用。

因为所有作用域都继承自$rootScope，如果你有一个变量$rootScope。数据，有人忘记了数据已经定义并创建$scope。本地范围内的数据将会遇到问题。

如果你想修改这个值并让它在你的所有控制器上保持不变，请使用一个对象并修改属性，记住Javascript是通过“引用的副本”传递的:

myApp.value('clientId', { value: 'a12345654321x' });
myApp.controller('DemoController', ['clientId', function DemoController(clientId) {
    this.clientId = clientId;
    this.change = function(value) {
        clientId.value = 'something else';
    }
}];

JSFiddle例子

你也可以这样做。

function MyCtrl1($scope) {
    $rootScope.$root.name = 'anonymous'; 
}

function MyCtrl2($scope) {
    var name = $rootScope.$root.name;
}

AngularJS使用$rootScope创建全局变量的例子:

控制器1设置全局变量:

function MyCtrl1($scope, $rootScope) {
    $rootScope.name = 'anonymous'; 
}

控制器2读取全局变量:

function MyCtrl2($scope, $rootScope) {
    $scope.name2 = $rootScope.name; 
}

这是一个工作的jsFiddle: http://jsfiddle.net/natefriedman/3XT3F/1/