Angularjs: Error: [ng:areq] ResevationController not a function, got undefined

Question

MainController.js

(function(){

    var eateryControllers=angular.module('eateryControllers',[]);

    eateryControllers.controller('MainController',function(){

        var mainCtrl=this;
    });

})();

ReservationController.js

(function(){

    var eateryControllers=angular.module('eateryControllers');

    eateryControllers.controller('ReservationController',reservationController);
    function reservationController(){
        var resvnCtrl=this;
        resvnCtrl.user={};
    }

})();

I am creating module in first file and reusing the same module in second file.

Error

http://errors.angularjs.org/1.4.7/ng/areq?p0=ReservationController&p1=not%20aNaNunction%2C%20got%20undefined
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js:6:416
    at qb (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js:22:131)
    at Sa (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js:22:218)
    at b.$get (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js:80:81)
    at g.link (https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.min.js:7:268)
    at aa

are these two files included in your HTML, and in the correct order? — Claies
– Claies, Commented Oct 15, 2015 at 16:45
I think your ReservationController.js file is getting call before MainController.js file so the module is not getting initiated — Coder John
– Coder John, Commented Oct 15, 2015 at 16:46
you probably should put your 'reservationController' function above the definition of your angular controller — Guilherme Oliveira
– Guilherme Oliveira, Commented Oct 15, 2015 at 16:46

Guilherme Oliveira · Accepted Answer · 2015-10-15 16:47:35Z

2

you should put your 'reservationController' function above the definition of your angular controller once youre trying to use a function before defining it

(function(){

    var eateryControllers=angular.module('eateryControllers');
    function reservationController(){
        var resvnCtrl=this;
        resvnCtrl.user={};
    }
    eateryControllers.controller('ReservationController',reservationController);

})();

answered Oct 15, 2015 at 16:47

Guilherme Oliveira

2,38721 silver badges24 bronze badges

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

Comments

Coder John · Accepted Answer · 2015-10-15 16:49:09Z

1

You have defined your controller as 'ReservationController' and used in your code as 'ResevationController'. Error is due to typo

answered Oct 15, 2015 at 16:49

Coder John

7864 silver badges7 bronze badges

2 Comments

Guilherme Oliveira Over a year ago

He's not doing that. Read the error description pasted on code. He just missed the name on title that probably he wroted manualy

Coder John Over a year ago

@Guilherme Ferreira you are right. I should have seen the stack trace before answering that. Thanks for pointing

Collectives™ on Stack Overflow

Angularjs: Error: [ng:areq] ResevationController not a function, got undefined

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related