AngularJS基于provider实现全局变量的读取和赋值方法

本文将介绍如何在AngularJS中使用provider来实现全局变量的读取和赋值。全局变量在应用中扮演着重要的角色，因为它们可以在应用的任何地方被访问和使用。我们将通过实例来详细解释如何在AngularJS中声明、赋值和读取全局变量。

一、简单的全局变量设置

在AngularJS中设置全局变量有几种常见的方法：

1. 使用var声明全局变量，这种方式与纯JavaScript中的方法相同。

2. 使用AngularJS的value来设置全局变量。

3. 使用AngularJS的constant来设置全局变量。

示例代码如下：

在app.js文件中，我们声明三种全局变量：

```javascript

'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定义全局变量

```

在controller中，我们可以读取这些全局变量：

```javascript

'use strict';

// Controllers

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

phonecatControllers.controller('PhoneListCtrl', ['$scope','test','constanttest',

function($scope,test,constanttest) {

$scope.test = test; //方法2，将全局变量赋值给$scope.test

$scope.constanttest = constanttest; //方法3，赋值

$scope.test2 = test2; //方法1，赋值

}]);

```

二、使用provider实现全局变量

上述方法无法对全局变量进行修改赋值，这对于许多业务逻辑是不够的。为了解决这个问题，我们可以使用provider来实现全局变量的读写。

示例代码如下：

在app.js中完成声明和初始化：

```javascript