Gettting the received Http Headers in Angular JS ui-router

Question

I am a newbie for Angular. I am having the following Angular JS(v.1.7) ui-router

.state('helpPage', {
    url: "/help",
    data: {
        roles: []
    },
    views: {
        helpDoc: {
            templateUrl: 'app/modules/help/help.tpl.html',
            controller: 'helpCtrl'
        }
    }
})

When the User hits this page I want to retrieve the Headers. Can I get them in the Controller or in the ui-route's resolve method itself ?

Tried HttpInterceptor but it is not helping out.

Any help is much appreciated.

Is somewhere an http response? – Bill P Dec 30 '19 at 08:12 — Bill P, Dec 30 '19 at 08:12
https://stackoverflow.com/a/4881836/1443361 – Matija Sestak Dec 30 '19 at 10:17 — Matija Sestak, Dec 30 '19 at 10:17

score 0 · Answer 1 · answered Dec 30 '19 at 18:44

Use the headers property of the $http response object:

$http.head(url).then(function(response) {
     var headerGetter = response.headers;
     console.log(headerGetter("headerName"));
});

For more information, see

AngularJS $http Service API Reference - $http.head

Gettting the received Http Headers in Angular JS ui-router

1 Answers1