AngularJS,$ http和transformResponse

Rob*_*b B 11 javascript angularjs

我对AngularJS的$ http有一个奇怪的行为,并没有真正理解transformResponse是如何工作的(文档在这一点上有点亮).

    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);
        });
    };
Run Code Online (Sandbox Code Playgroud)

api返回一个对象数组:

[{"webasset_name": "...", "application_id": "...", "etc": "..."}, ... ]
Run Code Online (Sandbox Code Playgroud)

但是当transformResponse做了它的恶行时,数据已经变成了一个索引对象:

{"0":{"webasset_name":"...","application_id":"...", "etc": "..."}, "1":....}
Run Code Online (Sandbox Code Playgroud)

我想保留原始数据结构(对象数组).

aet*_*aet 14

要获得角度以不将数据转换为对象,您需要覆盖默认$ httpProvider.defaults.transformResponse的行为.它实际上是一系列变形金刚.您可以将其设置为空:$http.defaults.transformResponse = []; 这是我用于将64位长整数转换为字符串的示例转换器:

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

要将转换器添加到默认列表,比如说在JSON反序列化器之前,可以执行以下操作:

$http.defaults.transformResponse.unshift(longsToStrings);
Run Code Online (Sandbox Code Playgroud)