How can I pass parameters in an Angular.js Controller to a Resource?

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!

inject it as dependency the same way you do with $resource — charlietfl
– charlietfl, Commented Oct 31, 2013 at 1:59

Stewie · Accepted Answer · 2013-10-30 22:08:53Z

7

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
}

answered Oct 30, 2013 at 22:08

Stewie

60.4k20 gold badges149 silver badges113 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

twigg Over a year ago

@Stewie but surely someone can just view the source code on the webpage and view the APIKey in the source file? Then use the APIKey to gain access to the API endpoints

Pipetus · Accepted Answer · 2013-10-30 22:28:56Z

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).

answered Oct 30, 2013 at 22:28

Pipetus

1,1561 gold badge13 silver badges30 bronze badges

1 Comment

charlietfl Over a year ago

fairly apparent in OP question that he's already registered the apiKey and is already using dependency injection for it

Collectives™ on Stack Overflow

How can I pass parameters in an Angular.js Controller to a Resource?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related