AngularJS resources - loading multiple resources

Question

I have a couple of simple resources in my resources module:

// resources/ResourceOnejs
angular.module('myApp.resources', []).factory('ResourceOne', function($resource) {
    return $resource(...);
});

// resources/ResourceTwo.js
angular.module('myApp.resources', []).factory('ResourceTwo', function($resource) {
    return $resource(...);
});

It seems like there can be only one of them used at a time.

i.e.

If I add ResourceTwo then "Unknown Provider" error when I try to inject ResourceOne, but once I remove ResourceTwo I am now able to inject ResourceTwo. Any help would be appreciated!

Chandermani · Accepted Answer · 2013-11-11 07:11:45Z

1

You are redeclaring the module with your syntax. Use this way

// resources/ResourceOnejs
angular.module('myApp.resources', []).factory('ResourceOne', function($resource) {
    return $resource(...);
});

// resources/ResourceTwo.js
angular.module('myApp.resources').factory('ResourceTwo', function($resource) {
    return $resource(...);
});

basically

angular.module('name',[]) //creates a new module
angular.module('name')  //gets the existing module

answered Nov 11, 2013 at 7:11

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

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

Collectives™ on Stack Overflow

AngularJS resources - loading multiple resources

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related