如何將$ http請求轉換爲angularjs中的$ resource請求

Question

我有這個http請求，工作正常。

控制器

$scope.removeRow = function (od){ 
    var temp = "order_id=" + od.order_id + "&product_id=" + od.product_id + "&variant_id=" + od.varient_id; 
    var req = $http({ 
     method: 'POST', 
     url: 'http://<domain name>/api2/v1/delete_item_in_order', 
     data: temp, 
     headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
    }); 

    req.then(
     function (response) { 
      alert('success') 
     }, 
     function (error) { 
      //$scope.details = response.data; 
      alert(error.message); 
     } 
); 
} 

服務代碼來獲取資源對象：

sampleApp.factory('Order', function ($resource) { 
    return $resource('http://<domain name>/api2/v1/orders/:id', {id: '@_id'}, { 
     'get': {method:'GET'} 

    }); 

}); 

問題

如何添加自定義的方法removeRow在Order Servi大街ce，這樣我可以使用$resource而不是$http in $scope.removeRow() in controller？

Answer 1

而不是返回一個單一的功能，您可以在以下方式

sampleApp.factory('Order', function ($resource) { 

    var removeRow = function() {console.log()}; 
    var getResource = function)() { 
     $resource('http://<domain name>/api2/v1/orders/:id', {id: '@_id'}, { 'get': {method:'GET'} }); 
    } 

    return { removeRow : removeRow, 
     getResource : getResource 
    } 
}); 

Answer 2

返回與儘可能多的方法的對象沒有必要指定$資源中GET方法，這已經是預定義的。

廠：

sampleApp.factory('Order', function ($resource) { 
    return $resource('http://<domain name>/api2/v1/orders/:id', {id: '@_id'}, null}).$promise; 
}); 

調用方法：

$scope.removeRow = function (od){ 
    var temp = "order_id=" + od.order_id + "&product_id=" + od.product_id + "&variant_id=" + od.varient_id; 

    Order.save(temp).then(function(result){ 
     alert('success'); 
    }, function(err){ 
     alert(err.message); 
    }); 
};