Angular controller not defined

Question

In my angular project I receive the error:

angular.js:13424 Error: [ng:areq] Argument 'homeController' is not a function, got undefined
http://errors.angularjs.org/1.5.3/ng/areq?p0=homeController&p1=not%20aNaNunction%2C%20got%20undefined
    at http://socket.dev/bower_components/angular/angular.js:68:12
    at assertArg (http://socket.dev/bower_components/angular/angular.js:1844:11)
    at assertArgFn (http://socket.dev/bower_components/angular/angular.js:1854:3)
    at $controller (http://socket.dev/bower_components/angular/angular.js:10003:9)
    at link (http://socket.dev/bower_components/angular-route/angular-route.js:1007:26)
    at invokeLinkFn (http://socket.dev/bower_components/angular/angular.js:9623:9)
    at nodeLinkFn (http://socket.dev/bower_components/angular/angular.js:9022:11)
    at compositeLinkFn (http://socket.dev/bower_components/angular/angular.js:8333:13)
    at publicLinkFn (http://socket.dev/bower_components/angular/angular.js:8213:30)
    at lazyCompilation (http://socket.dev/bower_components/angular/angular.js:8551:25)

index.html

<!DOCTYPE html>
<html ng-app="pollApp">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="/bower_components/angular/angular.js"></script>
    <script src="/bower_components/angular-route/angular-route.js"></script>
    <script src="/angular/app.js"></script>
    <script src="/angular/routes.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="/bower_components/bootstrap-css/js/bootstrap.min.js"></script>
    <link href="/bower_components/bootstrap-css/css/bootstrap.min.css" rel="stylesheet">
    <title>Poll</title>

</head>
<body>

<div>
    <div ng-view></div>
</div>

</body>
</html>

app.js

(function () {
    angular.module('pollApp', ['ngRoute']);
})();

homeController.js

(function()
{
    angular.module('pollApp').controller('homeController', homeController);

    function homeController()
    {

        var vm = this;
        vm.fields = 10;
        vm.creater = {};
        vm.participans = {};

        vm.test = function()
        {
            return 'gelukt!';
        }
    }
})();

What could be wrong here?

You don't have homeController.js in your index

Martijn Welker
– Martijn Welker

2016-04-07 08:19:40 +00:00
Commented Apr 7, 2016 at 8:19 — Martijn Welker
– Martijn Welker, Commented Apr 7, 2016 at 8:19

Bink · Accepted Answer · 2016-04-07 08:22:20Z

1

Put function homeController() {...} above angular.module('pollApp').controller('homeController', homeController);

answered Apr 7, 2016 at 8:22

Bink

213 bronze badges

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

Comments

Alex Logan · Accepted Answer · 2016-04-07 08:30:40Z

0

Why not just define an anonymous function as you won't need to reuse it anywhere.

angular.module('pollApp').controller('homeController', function(){
    //controller content goes here 
});

answered Apr 7, 2016 at 8:30

Alex Logan

1,2413 gold badges18 silver badges27 bronze badges

Collectives™ on Stack Overflow

Angular controller not defined

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related