如何从控制器动态更改Angularjs服务中的变量值?

时间:2016-05-15 03:33:42

标签: angularjs service swagger swagger-codegen

我需要能够从同一模块中的控制器更改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地址)。但是服务从一开始就开始,我不知道如何让控制器能够更新服务变量basePath _。

我可以重写服务函数以接受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);
}

1 个答案:

答案 0 :(得分:0)

您不必编辑生成的工厂。 您可以直接从控制器将基本路径URL分配给使用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;
        }

然后在您的控制器中,您只需要在构造函数的参数中使用url实例化一个对象:

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