Unable to inject restangular into AngularJS App

Question

I have this angular app and controller modules defined as follows:

var myTasks = angular.module('myTasks', [
                                          'ngRoute',
                                          'myTasksControllers'
                                        ]);
var myTasksControllers = angular.module('myTasksControllers',[]);

I also have:

    <script src="js/lib/angular.min.js"></script>
    <script src="js/lib/angular-route.min.js"></script>
    <script src="js/lib/lodash.min.js"></script>
    <script src="js/lib/restangular.min.js"></script>
    <script src="js/app.js"></script>

And I am trying to inject rectangular into my controller like so:

myTasksControllers.controller('ProjectsController', ['$scope','rectangular',
  function ($scope, Rectangular) {
    ...
    ...
  }
]);

But it keeps telling module not defined or something. To be precise:

Error: [$injector:unpr] http://errors.angularjs.org/1.2.3/$injector/unpr?p0=rectangularProvider%20%3C-%20rectangular
    at Error (<anonymous>)

Rectangular: https://github.com/mgonto/restangular#how-do-i-add-this-to-my-project

Well, "rectangular" is not the same as "restangular".

Stewie
– Stewie

2013-12-05 11:18:00 +00:00
Commented Dec 5, 2013 at 11:18 — Stewie
– Stewie, Commented Dec 5, 2013 at 11:18
Omg. Im sorry I didnt notice that!

Steve Robinson
– Steve Robinson

2013-12-05 14:00:44 +00:00
Commented Dec 5, 2013 at 14:00 — Steve Robinson
– Steve Robinson, Commented Dec 5, 2013 at 14:00

gustavohenke · Accepted Answer · 2013-12-05 11:17:29Z

4

You have to inject restangular module into your myTasks module first. Like this:

var myTasks = angular.module('myTasks', [
                                      'restangular',
                                      'ngRoute',
                                      'myTasksControllers'
                                    ]);

Than, you have to inject Restangular into your controller:

myTasksControllers.controller('ProjectsController', ['$scope','Restangular',
  function ($scope, Restangular) {
    ...
    ...
  }
]);

P.S.: Note that you have spelled it "rectangular" in your question :)

answered Dec 5, 2013 at 11:17

gustavohenke

41.5k14 gold badges125 silver badges133 bronze badges

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

3 Comments

Steve Robinson Over a year ago

Thank you!! it worked. Thanks a lot. ANd sorry for the typo. :)

Adam Labi Over a year ago

I had a similar issue and the I solved it by including a reference to lodash in my index.html file.

gustavohenke Over a year ago

@AdamLabi Yes, because Lodash is a dependency of Restangular :)

Collectives™ on Stack Overflow

Unable to inject restangular into AngularJS App

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related