Angular js- Setting headers in a ngResource

Question

I am trying to set some customer headers in a service factory. Here is the code:

angular.module('clinicalApp').factory('encounterService', function ($resource) {
  var EncounterService = $resource('http://localhost:port/v1/providers/:providerId', {providerId:'@id', port: ':8280'}, {
    search: {
      method: 'GET',
      isArray: true,
      headers: {
        'RemoteUser': 'billybob'
      }
    }
  });
  return EncounterService;
});

Here is the code that calls the service.

angular.module('clinicalApp').controller('MainCtrl', function ($scope, encounterService) {
  encounterService.search({
    limit: 2000,
    organizationId : '11110000'
  });
});

When I use this resource and everything works fine, but the header is not set on the ajax call, so I get a 401 in return. What else do I have to do to set the headers? Thanks for the help.

jhamm · Accepted Answer · 2013-10-10 09:50:18Z

2

I am sure the other answers I received work, but I did not want to use $http, I wanted to use $resource. To use resource with custom headers, I had to upgrade my Angular version. I did not look into the source code to find the reason why, and I don't know what version this functionality changed. Right now I am using v1.2.0-rc.2 and everything just worked. It took a few changed in the app config, namely I had to name ngRoute as a dependency to make the version work, but then I was able to use $resource like we are supposed to do.

answered Oct 10, 2013 at 9:50

jhamm

25.1k42 gold badges111 silver badges189 bronze badges

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

Comments

Kevin Stone · Accepted Answer · 2013-10-09 06:59:30Z

1

Don't use run(), use config() with $httpProvider:

app.config(['$httpProvider', function($httpProvider) {
    $httpProvider.defaults.headers.common = {
        'RemoteUser': 'billybob'
    };
}])

answered Oct 9, 2013 at 6:59

Kevin Stone

9,01143 silver badges30 bronze badges

Comments

geniuscarrier · Accepted Answer · 2013-10-08 19:12:58Z

0

clinicalApp.run(function($http) {
    $http.defaults.headers.common["Content-Type"] = "application/json, charset=UTF-8";
});

edited Oct 8, 2013 at 19:12

answered Oct 8, 2013 at 18:42

geniuscarrier

4,2492 gold badges24 silver badges15 bronze badges

2 Comments

jhamm Over a year ago

Where is this added at?

geniuscarrier Over a year ago

@jhamm I modified my answer.

Collectives™ on Stack Overflow

Angular js- Setting headers in a ngResource

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related