AngularJS, $http and transformResponse

Question

I'm getting a strange behaviour with AngularJS's $http and not really understanding how transformResponse works (the docs are a bit light on this one).

    WebAssets.get = function () {
        return $http.get('/api/webassets/list', {
            transformResponse: [function (data, headersGetter) {
                // not sure what to do here?!
                return data;
            }].concat($http.defaults.transformResponse) // presume this isn't needed, added for clarity
        }).then(function (response) {
            return new WebAssets(response.data);
        });
    };

The api returns an array of objects:

[{"webasset_name": "...", "application_id": "...", "etc": "..."}, ... ]

But when transformResponse has done it's evil business the data has transformed into an indexed object:

{"0":{"webasset_name":"...","application_id":"...", "etc": "..."}, "1":....}

I want to keep the original data structure (an array of objects).

You might want to have a look here: http://stackoverflow.com/questions/17134401/angular-extending-resource-subobject-with-custom-methods — AlwaysALearner, Aug 09 '13 at 13:02

score 14 · Accepted Answer · answered Sep 02 '13 at 23:57

To get angular to not convert your data into an object you need to override the behavior of the default $httpProvider.defaults.transformResponse. It is actually an array of transformers. You could just set it to be empty: $http.defaults.transformResponse = []; Here is an example transformer I have used to convert 64-bit long ints to strings:

function longsToStrings(response) {
    //console.log("transforming response");
    var numbers = /("[^"]*":\s*)(\d{15,})([,}])/g;
    var newResponse = response.replace(numbers, "$1\"$2\"$3");
    return newResponse;
}

To add a transformer to the default list, say ahead of the JSON deserializer, you can do this:

$http.defaults.transformResponse.unshift(longsToStrings);

score 3 · Answer 2 · answered May 26 '15 at 19:34

3

Resource 0: "f" 1: "a" 2: "l" 3: "s" 4: "e" This finally worked for me:

   transformResponse: function (data, headersGetter) {
    return { isCorrect: angular.fromJson(data) }
    }

answered May 26 '15 at 19:34

Aleksandr Gembinski

213
3
6

score 1 · Answer 3 · answered Jul 03 '15 at 14:30

1

Try using resource query method

https://github.com/angular/angular.js/issues/6314

answered Jul 03 '15 at 14:30

Sameh

1,318
11
11

1

Can you extend your answer with some example code? It's always clearer to see code and a description. You can [edit] your answer. By the way, why did you create two accounts? – Artjom B. Jul 03 '15 at 14:51
1

I think what you need to do is informing the $http that you are returning array instead of an object – Jul 03 '15 at 14:18

AngularJS, $http and transformResponse

3 Answers3

Linked