3

我需要能够从同一模块中的控制器更改 Angularjs 服务中变量的值。TL;DR 版本低于...

我有一个带有 RESTful API 的嵌入式系统,由 swagger 文件描述。我正在通过 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/';

  ...

}

在我的角度 app.js 文件中,我有以下内容:

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

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

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

我对任何解决方案持开放态度 - 寻求关于什么可能是总体上做到这一点的最佳方式的建议。

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

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);
}
4

1 回答 1

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");
于 2016-05-22T23:07:35.333 回答