AngularJs dependency not working

Question

I've just installed the following package with bower:

https://github.com/urish/angular-spinner

The package is added successfully. I've also added:

<script src="bower_components/spin.js/spin.js"></script>
<script src="bower_components/angular-spinner/angular-spinner.js"></script>

When I try to inject it like this:

(function()
{
    angular.module('employeeApp',['angularSpinner']).controller('schoolController', schoolController);

It crashes and I receive the error:

Argument 'indexController' is not a function, got undefined

When I remove ['angularSpinner'] everything works again.

What should I do?

--EDIT--

indexController

angular.module('employeeApp').controller('indexController', indexController);

function indexController($location, authenticationFactory,constants)
{
    var vm = this;

    vm.setName = function()
    {
        return constants.firstname;
    }
}

some where you have referenced the controller wrong, can you share the indexController code? — Thalaivar
– Thalaivar, Commented Mar 29, 2016 at 12:32
yea need more code also what is (function() { leading to? need code before and after that — John
– John, Commented Mar 29, 2016 at 12:33

Ruwantha R. · Accepted Answer · 2016-03-29 12:46:02Z

1

in angular you create module for your app and there you specify the dependencies. and once you create controller or service you get the module by name and create controller\ service in that module.

//create module for app
 angular.module('employeeApp', [ /*add your dependencies here*/ ]);

//create controller\ service 
angular.module('employeeApp').controller(function(){
   //controller implementation
 });

what might happen is you may re initialize your app by mistake.

answered Mar 29, 2016 at 12:46

Ruwantha R.

821 silver badge8 bronze badges

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

Comments

Naitik Adani · Accepted Answer · 2016-03-29 13:06:45Z

0

for simplification you could store your angular module in a variable as follows:

var app = angular.module('employeeApp', ['angularSpinner']);

and define a controller like this:

app.controller('indexController',function(angularSpinner){
   //controller code here
});

answered Mar 29, 2016 at 13:06

Naitik Adani

2361 gold badge2 silver badges10 bronze badges

Collectives™ on Stack Overflow

AngularJs dependency not working

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related