@H_301_0@

AngularJS 设置全局变量的三种方法

@H_301_0@angularjs自身有二种，设置全局变量的方法，在加上js的设置全局变量的方法，总共有三种。要实现的功能是，在ng-app中定义的全局变量，在不同的ng-controller里都可以使用。

@H_3010@<span style="color: #0000ff">1，通过var 直接定义global variable，这根纯js是一样的。

@H301_0@<span style="color: #0000ff">2，用angularjs value来设置全局变量 。

@H_301_0@<span style="color: #0000ff">3，用angularjs constant来设置全局变量 。

@H_301_0@下面用一个例子，来说明，上面3种方法：

@H_3010@实例：

@H301_0@

1，在app模块中，定义全局变量

<div class="jb51code">
<pre class="brush:js;">
'use strict';

/ App Module /

var test2 = 'tank'; //方法1，定义全局变量

var phonecatApp = angular.module('phonecatApp',[ //定义一个ng-app
'ngRoute','phonecatControllers','tanktest'
]);

phonecatApp.value('test',{"test":"test222","test1":"test111"}); //方法2定义全局变量

phonecatApp.constant('constanttest','this is constanttest'); //方法3定义全局变量

phonecatApp.config(['$routeProvider',//设置路由
function($routeProvider) {
$routeProvider.
when('/phones',{
templateUrl: 'partials/phone-list.html' //这里没有设置controller，可以在模块中加上ng-controller
}).
when('/phones/:phoneId',{
templateUrl: 'partials/phone-detail.html',controller: 'PhoneDetailCtrl'
}).
when('/login',{
templateUrl: 'partials/login.html',controller: 'loginctrl'
}).
otherwise({
redirectTo: '/login'
});
}]);