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

要实现全局变量的读取和赋值，可以使用AngularJS中的provider。

provider是AngularJS中的一个服务提供者，它可以在config阶段（即AngularJS框架初始化之前）注入到AngularJS应用中。用它可以将服务定义成可配置的，在应用配置阶段根据需要进行一些配置。

使用provider实现全局变量的读取和赋值，需要先定义一个provider，并在其$get方法中定义一个对象，在其中存储全局变量。

以下是一个实现全局变量的provider的示例代码：

angular.module('myApp', [])
.provider('globalVariables', function() {
  var variables = {
    appName: 'My App',
    apiUrl: 'http://someapi.com'
  };
  this.$get = function() {
    return {
      get: function(name) {
        return variables[name];
      },
      set: function(name, value) {
        variables[name] = value;
      }
    };
  };
});

上面的代码定义了一个名为globalVariables的provider。在它的$get方法中，定义了一个变量variables，它存储了全局变量appName和apiUrl，并将get和set方法定义在返回的对象中，使其可在应用中使用。

接下来，在应用中使用该provider的get和set方法来读取和设置全局变量：

angular.module('myApp')
.controller('myCtrl', function($scope, globalVariables) {
  $scope.appName = globalVariables.get('appName');
  globalVariables.set('apiUrl', 'http://newapi.com');
});

以上代码中，在控制器中通过globalVariables.get方法读取了全局变量appName的值，并将其赋值给了$scope.appName。接着，通过globalVariables.set方法将全局变量apiUrl的值设置为了'http://newapi.com'。

另外一个更简单的例子是使用该provider获取全局变量appName的值的示例：

angular.module('myApp')
.controller('myCtrl', function($scope, globalVariables) {
  $scope.appName = globalVariables.get('appName');
});

以上代码中，仅在控制器中通过globalVariables.get方法读取全局变量appName的值，并将其赋值给了$scope.appName。

使用provider实现全局变量的读取和赋值，需要在应用中定义一个名为globalVariables的provider，并在其中定义全局变量以及get和set方法。之后，在应用中可通过provider的get和set方法来读取和设置全局变量。