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

简单的添加

declare var myGlobalVarName;

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

如果你只是想存储一个值，根据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例子

// app.js or break it up into seperate files
// whatever structure is your flavor    
angular.module('myApp', [])    

.constant('CONFIG', {
    'APP_NAME' : 'My Awesome App',
    'APP_VERSION' : '0.0.0',
    'GOOGLE_ANALYTICS_ID' : '',
    'BASE_URL' : '',
    'SYSTEM_LANGUAGE' : ''
})

.controller('GlobalVarController', ['$scope', 'CONFIG', function($scope, CONFIG) {

    // If you wish to show the CONFIG vars in the console:
    console.log(CONFIG);

    // And your CONFIG vars in .constant will be passed to the HTML doc with this:
    $scope.config = CONFIG;
}]);

在你的HTML中:

<span ng-controller="GlobalVarController">{{config.APP_NAME}} | v{{config.APP_VERSION}}</span>

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

简单的添加

declare var myGlobalVarName;

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

如果我说错了，请指正，但当Angular 2.0发布时，我不相信$rootScope会出现。我的猜想是基于$scope也被删除的事实。显然，控制器仍然会存在，只是不是以ng-controller的方式。可以考虑将控制器注入到指令中。由于即将发布，如果您想更容易地从版本1切换到版本1，最好将服务用作全局变量。X到2.0。

您还可以使用环境变量$window，以便在控制器外部声明的全局变量可以在$watch内部进行检查

var initWatch = function($scope,$window){
    $scope.$watch(function(scope) { return $window.globalVar },
        function(newValue) {
            $scope.updateDisplayedVar(newValue);
    });
}

注意，使用这些全局值时，摘要周期更长，因此并不总是实时更新。我需要研究这个构型下的消化时间。