在Angular JS工廠中無法訪問$ http響應數據

Question

我試圖將$http響應數據保存在angularJS工廠內部的變量中。 但是我無法在http方法之外訪問響應。 顯示為undefined 。 我檢查了此鏈接將$ scope注入角度服務function（）請讓我知道如何處理。 下面是工廠代碼：

 angular.module('myapp') .factory('CardNumberFactory',['$http', function ($http) { // Service logic var details={}; $http.get('scripts/services/mock.json') .then(function(responce){ var resopnceData = responce.data; details=resopnceData; }); console.log(details); return {details:details}; }]); 

Answer 1

因為$ http服務是異步的。 您應該這樣做：

angular.module('myapp')
  .factory('CardNumberFactory',['$http', function ($http) {

    var details={};

    function getData() {
      return $http.get('scripts/services/mock.json')
       .then(function(response){
         return {details: response.data}
      });      
    }

    return {

        getData: getData

     }

}]);

angular.module('myapp').controller('TestController, function($scope,CardNumberFactory) {

  CardNumberFactory.getData().then(function(res) {
      //  res is the {details} object
  })

})