如何将Angular.js控制器中的参数传递给资源？

Question

So I have the following controller where I inject a constant, APIKEY.

myApp.controller('JobsCtrl', ['$scope', 'Jobs', 'APIKEY', function($scope, Jobs, apiKey) {
  var promise = Jobs.query().$promise;
  // do more awesome programming
}

I want to pass the apiKey to the following service but can't figure out for the life of me how to do it.

myApp.factory('Jobs', ['$resource', function ($resource) {
  return $resource('/someurl/:id', {id:'@id'}, {
    query: { method: 'GET', headers: {'Authorization': apiKey} }
  });
}]);

Thanks!

Answer 1

Wrap your Jobs $resource inside another function:

myApp.factory('Jobs', ['$resource', function ($resource) {
  return function(apiKey){
    return $resource('/someurl/:id', {id:'@id'}, {
      query: { method: 'GET', headers: {'Authorization': apiKey} }
    });
  }
}]);

myApp.controller('JobsCtrl', ['$scope', 'Jobs', 'APIKEY', function($scope, Jobs, apiKey) {
  var promise = Jobs('MY_KEY').query().$promise;
  // do more awesome programming
}

Answer 2

You can also take a look at the provide service API .

$provide.constant('APIKEY', 'theHash');

and then inject it into the controllers and services (for instance, when you create the service and inject dependencies into it).