從AngularJS獲取數據來自工廠的控制器中的HTTP post調用

Question

我將數據發佈到Python API，並且API響應返回想要在控制器中使用的數據，並最終在與該視圖關聯的HTML部分中使用該數據。我能夠成功地獲取數據，因爲我正在記錄來自調用的response.data，但是當我從控制器調用該方法時，出現錯誤，指出無法讀取未定義的「then」屬性。

function getCustomerGraphData(payload, config) { 

     var data = { 
      user_selection: JSON.stringify(payload), 
      index_info: JSON.stringify(config.index_info), 
      column_config: JSON.stringify(config.Results) 
     }; 

     console.log("data", data); 

     $http({ 
      url: 'URL', 
      method: "POST", 
      data: $.param(data), 
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 
     }).then(function(response) { 
      var customer = response.data; 

      console.log("data", customer); 

      return customer; 
     }); 

    } 

服務

arisService.getCustomerGraphData() 
     .then(function(data){ 
      $scope.overIndexData = data; 
     }) 

控制器

Answer 1

確保您的服務返回一個promise這樣你就可以調用它的then方法，看看爲$q的更多信息，承諾：

function getCustomerGraphData(payload, config, $q) { 
    // initialize the defer object 
    var deferred = $q.defer(); 

    var data = { 
     user_selection: JSON.stringify(payload), 
     index_info: JSON.stringify(config.index_info), 
     column_config: JSON.stringify(config.Results) 
    }; 

    console.log("data", data); 

    $http({ 
     url: 'URL', 
     method: "POST", 
     data: $.param(data), 
     headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 
    }).then(function(response) { 
     var customer = response.data; 

     console.log("data", customer); 

     // resolve the promise with your data 
     deferred.resolve(customer); 
    }); 

    // return the promise 
    return deferred.promise; 

} 

Answer 2

進入你服務，你應該返還承諾由HTTP調用創建。

return $http(...) 

然後，你將有一個承諾，可以像你想要的控制訪問你的控制器。

如果您以角度開始，您可能需要閱讀有關承諾的內容，因爲它們經常使用。

Angular factory returning a promise

http://weblog.west-wind.com/posts/2014/Oct/24/AngularJs-and-Promises-with-the-http-Service

Processing $http response in service

Angular docs about $q service

Answer 3

進樣$q爲廠內，然後promisify你的方法依賴，

function getCustomerGraphData(payload, config) { 
     var deferred = $q.defer(); 
     var data = { 
      user_selection: JSON.stringify(payload), 
      index_info: JSON.stringify(config.index_info), 
      column_config: JSON.stringify(config.Results) 
     }; 

     console.log("data", data); 

     $http({ 
      url: 'URL', 
      method: "POST", 
      data: $.param(data), 
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 
     }).then(function(response) { 
      var customer = response.data; 
      deferred.resolve(customer); 
      console.log("data", customer); 

      return customer; 
     }); 
     return deferred.promise; 
    }