AngularJS $http response header

Question

This simple problem is bugging me. I have a custom value in my response header from the Web Api Rest server. I can see it it Firebug as: X-TotalPages 204 I try to get it in my AngularJS controller. Code below. But I cant find any good examples how to do this. console.log(headers()['X-TotalPages']); logs 'undefined'

var assets = angular.module("Assets", ['ui.bootstrap']);
assets.controller('AssetSearchController', function ($scope, $http) {
    $scope.test = 'very';
    $scope.getItems = function () {
        $http({ method: 'GET', url: 'http://localhost:57772/api/assets', params: { search: 1, page: 0, pageSize: 10 } }
            ).success(function (data, status, headers, config) {
                $scope.currentPage = 4;                
                console.log(headers()['X-TotalPages']);

            $scope.items = data;
        }).
        error(function (data, status) {
            console.log(JSON.stringify(data));
            console.log(JSON.stringify(status));
        });

    };

Thanks for the quick reply. console.log(headers()); returns Headers: [object Object] so its there. I have already looked at the other issue and it does not help. This is my response, it seems to be returned by the rest server :[IMG]i58.tinypic.com/5lrzft.png[/IMG] — Jens Alenius
– Jens Alenius, Commented Feb 27, 2014 at 9:54
And my web-config in Rest service:<httpProtocol> <customHeaders> <add name ="Access-Control-Expose-Headers" value="X-TotalPages"/> <add name="Access-Control-Allow-Origin" value="" /> <add name="Access-Control-Allow-Methods" value="POST,GET,DELETE,PATCH,PUT,OPTIONS" /> <add name="Access-Control-Allow-Headers" value="" /> </customHeaders> </httpProtocol> — Jens Alenius
– Jens Alenius, Commented Feb 27, 2014 at 9:57

barsju · Accepted Answer · 2014-06-20 11:28:30Z

38

You should use: headers('X-TotalPages')

(Posting Wawy's answer so the question can be resolved.)

answered Jun 20, 2014 at 11:28

barsju

4,4561 gold badge23 silver badges24 bronze badges

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

Comments

Eshank · Accepted Answer · 2020-02-06 11:26:08Z

6

For $http(url).then() syntax which replaced $http(url).success().error() in newer versions of AngularJS, I used this:

$http(url).then(function(response){
            response.headers("X-TotalPages");
     });

Just using response.headers() will give all headers attached in response.

answered Feb 6, 2020 at 11:26

Eshank

611 silver badge2 bronze badges

Comments

Dileep stanley · Accepted Answer · 2017-09-05 21:33:22Z

0

You can use success callback of promise

promise.then(function(resp){
            resp.headers().token(variablename)

     });

answered Sep 5, 2017 at 21:33

Dileep stanley

1481 silver badge6 bronze badges

Collectives™ on Stack Overflow

AngularJS $http response header

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related