如何将标题快速传递给$ resource for angularjs

Question

现在，我所知道的唯一为angularjs调用在标头中动态设置令牌的方法是通过$http这样的方式：

return $http.get({
  url: 'https://my.backend.com/api/jokes',
  params: {
    'jokeId': '5',
  },
  headers: {
    'Authorization': 'Bearer '+ $scope.myOAuthToken
  }
});

但是我想弄清楚如何通过$ resource传递此信息，这是一些无效的伪代码：

...
.factory('myFactory',
  ['$resource',
    function($resource){
      return {
        jokes: $resource('https://my.backend.com/api/jokes', null, {
          query: {
            method: 'GET'
          }
        })
      };
    }
  ]
);
...
return myFactory.jokes.query({
  'jokeId': '5',
  'headers': {
    'Authorization': 'Bearer '+ $scope.myOAuthToken
  }
});

如何将标头动态传递给angularjs的$ resource？

Answer 1

我不认为这可以按照您尝试的方式完成，因为config对象在action方法上不可用。但是action
config方法具有它。因此，您可以做的是，而不是直接返回资源，而是创建一个使用参数作为授权令牌的函数，然后构造资源并返回。

return {
    jokes: function (token) {
        return $resource('https://my.backend.com/api/jokes', null, {
            query: {
                method: 'GET',
                headers: {
                    'Authorization': 'Bearer ' + token
                }
            }
        })
    }
};

然后将服务函数调用为：

myFactory.jokes($scope.myOAuthToken).query({'jokeId': '5'});