angularjs - 如何从 Controller 动态更改 Angularjs 服务内部变量的值？

Question

我需要能够从同一模块中的 Controller 更改 Angularjs 服务内变量的值。 TL;DR 版本如下...

我有一个嵌入式系统，带有由 swagger 文件描述的 RESTful API。我通过 Angularjs 应用程序访问它。为了创建这个应用程序，我使用了 swagger-codegen 自动生成服务。这会导致服务传递一个基本路径，该基本路径通过对 $http 的调用在服务内部使用。该服务如下所示:

API.Client.MyApi = function($http, $httpParamSerializer, $injector) {
  /** @private {!string} */
  this.basePath_ = $injector.has('MyApiBasePath') ?
               /** @type {!string} */ ($injector.get('MyApiBasePath')) :
               'http://localhost/';

  ...

}

在我的 Angular app.js 文件中，我有以下内容:

var myApp = angular.module('MyApp', [
])
  .service('MyApi', API.Client.MyApi)
  .value('MyApiBasePath', 'http://192.168.1.128');

这一切都运作良好。但是，我希望能够从应用程序内设置设备的基本路径(特别是 IP 地址)。但是服务一开始就启动了，我不知道如何让 Controller 能够更新服务变量basePath_。

我可以重写服务函数以接受基本路径作为参数，但我不想重写它们由 swagger-codegen 自动生成的服务。

我对任何解决方案持开放态度 - 寻求有关总体上最好的方法的建议。

更新:2016 年 5 月 24 日 - 有人要求我发布 swagger 代码。这是其中一个文件的相关部分，包括初始服务功能以及方法...

API.Client.MyApi = function($http, $httpParamSerializer, $injector) {
  /** @private {!string} */
  this.basePath_ = $injector.has('MyApiBasePath') ?
                   /** @type {!string} */ ($injector.get('MyApiBasePath')) :
                   'http://localhost/';

  /** @private {!Object<string, string>} */
  this.defaultHeaders_ = $injector.has('MyApiDefaultHeaders') ?
                   /** @type {!Object<string, string>} */ (
                       $injector.get('MyApiDefaultHeaders')) :
                   {};

  /** @private {!angular.$http} */
  this.http_ = $http;

  /** @private {!Object} */
  this.httpParamSerializer_ = $injector.get('$httpParamSerializer');
}
API.Client.MyApi.$inject = ['$http', '$httpParamSerializer', '$injector'];

/**
 * Thingy Outputs
 * Returns the state of all thingys
 * @param {!angular.$http.Config=} opt_extraHttpRequestParams Extra HTTP parameters to send.
 * @return {!angular.$q.Promise<!Array<!API.Client.boolGetModel>>}
 */
API.Client.MyApi.prototype.thingyGet = function(opt_extraHttpRequestParams) {
  /** @const {string} */
  var path = this.basePath_ + '/thingys';

  /** @type {!Object} */
  var queryParameters = {};

  /** @type {!Object} */
  var headerParams = angular.extend({}, this.defaultHeaders);
  /** @type {!Object} */
  var httpRequestParams = {
    method: 'GET',
    url: path,
    json: true,


    params: queryParameters,
    headers: headerParams
  };

  if (opt_extraHttpRequestParams) {
    httpRequestParams = angular.extend(httpRequestParams, opt_extraHttpRequestParams);
  }

  return this.http_(httpRequestParams);
}

Answer 1

您不必编辑生成的工厂。您可以将基本路径 url 直接从 Controller 分配给使用 swagger-codegen 生成的工厂实例。

swagger-codegen生成的构造函数是这样的:

function MyService(options, cache) {
            var domain = (typeof options === 'object') ? options.domain : options;
            this.domain = typeof(domain) === 'string' ? domain : 'http://localhost:8000';
            if (this.domain.length === 0) {
                throw new Error('Domain parameter must be specified as a string.');
            }
            cache = cache || ((typeof options === 'object') ? options.cache : cache);
            this.cache = cache;
        }

然后在你的 Controller 中，你只需使用构造函数参数中的 url 来实例化一个对象:

var myServiceObj = new MyService("http://www.pizza.it/api");