Angularjs convert service from $resource to $http

Question

How can I convert the following code service that uses $resource to use $http?

angular.module('myApp')
    .factory('MyService', function ($resource) {
        var url = "..";
        return $resource("", {},
            {
                'servizio1': { method: "GET", url: basePath },
                'servizio2': { method: "POST", url: url, data: {} },
                'servizio3': { method: "POST", url: url, data: {} } 
            }
    });

Thanks in advance.

Answer 1

First to your question, try something like:

angular.module('myApp')
   .factory('MyService', function ($http) {
       var url = "..";
       var basePath = "...";
       return {
               servizio1: function(){ return $http.get(basePath); },
               servizio2: function(data){ return $http.post(url, data); } 
           }
   });

Call it with:

var returnValue = (new MyService()).servizio1.then(function(data){...})

But actually you could also use the $resource API and do something like:

angular.module('myApp')
.factory('MyService', function ($resource) {
    var url = "..";
    return $resource(url,{}, {
        saveIt: {
            method: 'POST',
            params: {url: basePath}
    }
});

adn call this with

MyService.get({}, function(data){...});
MyService.saveIt({}, postData, function(){success...}, function(){error...});

Check out AngularJS docs for more