AngularJS ng-controller undefined

Question

I'm working on a small angular project, in which I make use of the bootstrap calendar by mattlewis92, and I keep having problem with my controller.

Here is my .js file :

'use strict';

var app = angular.module('Calendrier574', ['ngMaterial', 'ngRoute', 'mwl.calendar', 'ui.bootstrap', 'ngTouch', 'ngAnimate']);

app.controller("cal574", function(moment, alert, $timeout, $log) {
var vm = this;

vm.events = [];
vm.calendarView = 'day';
vm.viewDate = moment().startOf('month').toDate();

vm.isCellOpen = true;

vm.toggle = function($event, field, event) {
  $event.preventDefault();
  $event.stopPropagation();
  event[field] = !event[field];
};

});
app.config(function(calendarConfig) {
  calendarConfig.dateFormatter = 'moment';
});

I want to be able to use two controllers, since I would like two versions of the same calendar on the same page, one showing a day view, the other a month view.

So I have this in my .html file

<html lang="fr" ng-app="Calendrier574">

And this on one of my div :

<md-content id="content" ng-controller="cal574 as vm" layout-padding flex>

But I keep getting the "Argument 'cal574' is not a function, got undefined". I went through the posts that have already been done on the subject but I couldn't find anything helpful.

If you need anything else please tell me.

I'm using angular 1.5.5 by the way.

EDIT : I created a jsfiddle, even so there are missing dependencies it might be of some help to have a better look at the code https://jsfiddle.net/zzddpk4v/#&togetherjs=s8M8Vir3rc

DOUBLE EDIT : Still looking for a solution, I'm working on cloud9 so if anyone wants to look at the whole code almost working, and try to edit it directly, you can go check it here https://ide.c9.io/millenium/back574upsidenav-cloned

have you tried to have a controller name without numbers in it? I know angular doesn't like special characters outside the english language. Maybe it's the same with numbers. — Stian Standahl
– Stian Standahl, Commented Jun 3, 2016 at 8:43
@StianStandahl I changed the name for a name without number, now I'm getting another error, saying that there was an error loading a module. — CamilleSNCF
– CamilleSNCF, Commented Jun 3, 2016 at 9:03
@Sparw I can, but my project as a few local dependencies. Since I'm working on a cloud IDE however I can give you the link to the project itself, even so it's quite messy so it might no be easy to find anuthing in it. — CamilleSNCF
– CamilleSNCF, Commented Jun 3, 2016 at 9:04
It doesn't look like you're injecting the dependencies in the controller. Are these injected outside of the code you're showing us? — rrd
– rrd, Commented Jun 3, 2016 at 9:06

Swati Maheshwari · Accepted Answer · 2016-06-03 09:07:07Z

1

Have you included all the related .js files in your project/html.

  <script src="../path to controller/controller.js"></script>

I got the same error when i forgot to include .js file.

answered Jun 3, 2016 at 9:07

Swati Maheshwari

852 silver badges14 bronze badges

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

1 Comment

CamilleSNCF Over a year ago

I have, and after the angular.js one.

Tom Shen · Accepted Answer · 2016-06-03 08:48:00Z

0

You need to wrap your controller in a function :

(function() {
    'use strict';
    // your controller code here
})();

answered Jun 3, 2016 at 8:48

Tom Shen

1,0453 gold badges11 silver badges29 bronze badges

2 Comments

Stian Standahl Over a year ago

i don't think it's something you have to do. It's a good practice.

CamilleSNCF Over a year ago

I tried adding what you told me, but have seen no change in the result.

rrd · Accepted Answer · 2016-06-03 11:17:46Z

0

Trying changing this line:

app.controller("cal574", function(moment, alert, $timeout, $log) {

To:

app.controller("cal574", ['moment', 'alert', '$timeout', '$log', function(moment, alert, $timeout, $log) {

Then add in the corresponding extra ] at the end of the controller.

answered Jun 3, 2016 at 11:17

rrd

5,9873 gold badges32 silver badges37 bronze badges

1 Comment

CamilleSNCF Over a year ago

Thank you for your answer, I tried as you said, but still fot the same error.

Collectives™ on Stack Overflow

AngularJS ng-controller undefined

3 Answers 3

1 Comment

2 Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

1 Comment

Related