変数私のサービスで

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; // ? 

    }; 

}); 

は基本的に、私はこれを行うにはどのpropoerの方法、HTTPリクエストからJSONファイルを取得し、fonctionの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

[OK]ここでわかる問題あなたは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 
    }; 
});