Returning response data from HTTP in Angular factory

Question

.factory('Api', function($http) {
         var API = "http://127.0.0.1:4567/";
         return {
             get: function(method) {
                 return $http.get(API + method).success(function(result) {
                     return result;
                 });
             }
         }
     }

Then

console.log(Api.get("MAppData"));

Returns

Object {then: function, success: function, error: function}

Why does it not return the result (response data)?

i believe it is returning a promise, http://stackoverflow.com/questions/12505760/angularjs-processing-http-response-in-service — dm03514, Oct 01 '13 at 17:02
It might be possible, that it returns some error and you are not catching it. — unknownbits, Oct 01 '13 at 17:04

score 8 · Accepted Answer · edited Oct 31 '14 at 18:27

8

$http returns a promise and you need to chain .then() to get the data like this:

Api.get("MAppData").then(function(response){
    var data = response.data;
});

edited Oct 31 '14 at 18:27

senshin

10,022
7
46
59

answered Oct 01 '13 at 17:03

zs2020

53,766
29
154
219

What if I just want to return the response data instead and not the whole $http object? Or is this against best practice? Thanks for your help! – subZero Oct 01 '13 at 19:38
2

@subzero You can switch to use `$resource`, then you should be able to return the `$resouce` object which is a wrapper of promise and then angularjs can binds it automatically to the view. – zs2020 Oct 01 '13 at 19:44

Returning response data from HTTP in Angular factory

1 Answers1

Linked