How to convert $http request into $resource request in angularjs

Question

I have this http request, working fine.

Controller

$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);
      }
  ); 
}

Service code to get resource object:

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

    });

});

Question

How to add custom method removeRow in Order service, such that I can use $resource instead of $http in $scope.removeRow() in controller?

see my answer here (stackoverflow.com/questions/36310771/…) — Aravinthan K
– Aravinthan K, Commented Jun 8, 2016 at 7:11

Peyman Mohamadpour · Accepted Answer · 2016-06-08 07:43:15Z

1

Rather than returning a single function, you can return an object with as many methods in following way

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
    } 
});

edited Jun 8, 2016 at 7:43

Peyman Mohamadpour

18k24 gold badges94 silver badges102 bronze badges

answered Jun 8, 2016 at 7:23

David Chelliah

1,3491 gold badge14 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Peyman Mohamadpour · Accepted Answer · 2016-06-08 07:44:02Z

1

There is no need to specify the get method inside $resource, this is already predefined.

Factory:

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

Calling Method:

$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);
    });
};

edited Jun 8, 2016 at 7:44

Peyman Mohamadpour

18k24 gold badges94 silver badges102 bronze badges

answered Jun 8, 2016 at 7:29

uk2k05

3882 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to convert $http request into $resource request in angularjs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related