Angular 服务中的变量

Question

在我的服务中，我有：

angular.module('Name.Common', [])

.service('myData', function($http) {
  $http.get('server.com/json').success(function(data, status, headers, config) {

        this.companies = data;
        var companies2 = data;

    }).error(function(data, status, headers, config) {

    });


    this.getCompanies = function() {
        return this.companies; //?? return companies2; // ?

    };

});

基本上，我只是想从 http 请求中获取一个 json 文件并在函数 getCompanies 中返回它，这是执行此操作的正确方法吗？ 任何帮助将不胜感激。

Answer 1

在你的服务中你只需要返回请求：

angular.module('Name.Common', [])

.service('myData', function($http) {
    var self = this;

    self.get = function(){
        return $http.get('server.com/json');
    }
});

然后在您的控制器中处理数据的“.then”：

var companies;

myData.get()
    .then(function (response) {
        companies = response; //data only available after this is hit
        console.log(companies); 
    });

Answer 2

好的，我在这里看到的问题。您进行 http 调用并在回调中设置this，但这不是服务的this。与var 相同，它是本地绑定的。所以外部服务功能对此一无所知。 我会建议是这样的。我还没有测试过，但它应该可以工作

angular.module('Name.Common', [])
  .service('myData', function($http) {
     var _this = this;
     var companies;

     $http.get('server.com/json').success(function(data, status, headers, config) {
    _this.companies = data;
    companies = data;

    }).error(function(data, status, headers, config) {

    });


    this.getCompanies = function() {
      return _this.companies; // that part I would test if it works with just this.
      // or return companies2
   };
});