how to set custom headers with a $resource action?

Question

with $http, we can do this:

var config = { headers: { 'something': 'anything' } };           $http.get('url/to/json', config)     .success(function() {         // do something…     }) 

i would like to do the same with a $resource reference (not working):

var config = { headers: { 'something': 'anything' } }; MyResource.get(      config,     function() { // success         // do something…     } );  

with the corresponding service declared like this :

.factory('MyResource', function($resource){     return $resource('url/to/json'); }) 

it's not working : the config object goes to the url and not in the http headers.

Is there a way to do that ?

Answer 1

headers for $resource is available since AngularJS 1.1.1. Make sure you have correct version used.

The format is

$resource('url/to/json', {}, {headers: { 'something': 'anything' }}); 

[edit by zuma] The above doesn't seem right. The third parameter to $resource should be a different. This seems more correct to me:

$resource('url/to/json', {}, {     get: {         method: 'GET',         headers: { 'something': 'anything' }     } }); 

Answer 2

The headers object inside a resource action supports both static values for its fields, but also dynamic values returned from a function.

$resource('url/to/json', {}, {         get: {             method: 'GET',             headers: {                 'header_static': 'static_value',                'header_dynamic': dynamicHeaderVal             }         } });  function dynamicHeaderVal(requestConfig){      // this function will be called every time the "get" action gets called      // the result will be used as value for the header item      // if it doesn't return a value, the key will not be present in the header }