如何從AngularJS中調用$ http.get的函數返回一個promise？

Question

我有以下功能：

getX: function ($scope) { 
     $http.get('/api/X/GetSelect') 
      .success(function (data) { 
       ... 
       ... 
      }) 
      .error(function (data) { 
       ... 
      }); 
    }, 

我想這總是做的事情在.success塊，但我想它也返回 一個承諾，這樣我可以這樣調用：

getX($scope) 
    .then(function() { 
     doNextThing(); 
} 

有人可以通過告訴我如何編寫代碼以便承諾返回嗎？

Answer 1

簡單，你自己回覆一個承諾。您需要爲此注入$q（take a look at the docs for more information）。

然後你就可以更新您的代碼：

getX: function ($scope) { 
    var defer = $q.defer(); 
    $http.get('/api/X/GetSelect').success(function (data) { 
     ... 
     ... 
     defer.resolve(); 
    }).error(function (data) { 
     ... 
     defer.reject(); 
    }); 
    return defer.promise; 
} 

Answer 2

您只需在$ http.get（）方法之前添加return語句即可。這將返回承諾。

例子：

return $http.get('/api/X/GetSelect') 
     .success(function (data) { 
      ... 
      ... 
     }) 
     .error(function (data) { 
      ... 
     }); 

Answer 3

function getX($scope) 
{ 
    var defered = $q.defer(); 
    $http.get('/api/X/GetSelect') 
       .success(function (data) { 
        defered.resolve(data); 
        ... 
       }) 
       .error(function (data) { 
        defered.reject(); 
       }); 
    return defered.promise(); 
    } 

你需要注入$ Q到您的contorller。

Answer 4

您可能需要使用延期承諾。這是你如何做到的。

var functionA = function() { 
    var deferred = $q.defer(); 
    $http.get('url here'). 
      success(function (response) { 
       deferred.resolve(response); 
      }). 
      error(function (response) { 
      }); 
    return deferred.promise; 
} 

現在調用functionA應該返回一個承諾，您可以根據需要執行操作。