angularjs - 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' }
    }
});