如何使用$ resource操作设置自定义标头？

Question

使用$ http,我们可以这样做:

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

我想用$ resource引用(不工作)做同样的事情:

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

使用相应的服务声明如下:

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

它不起作用:config对象转到url而不是http头.

有没有办法做到这一点 ？

Answer 1

headers对于$resource是因为AngularJS 1.1.1可用.确保使用的版本正确.

格式是

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

[zuma编辑]以上看似不对.$ resource的第三个参数应该是不同的.这似乎对我来说更正确:

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

Answer 2

headers资源操作中的对象既支持static其字段的dynamic值,也支持从函数返回的值.

$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
}

Answer 3

演示代码

angular.module('Test',['ngResource'])
 .controller('corsCtrl', function ($scope, $http, MyResource) {

  $http.defaults.headers.common['test']= 'team'; //Using $http we can set header also
  MyResource.get();
})
.factory('MyResource', function($resource) {   //Services
  return $resource('url/to/json');
})

JsFiddle DEMO

see in Request Header