AngularJS ng- Controller 未定义

标签 angularjs controller ng-controller

我正在做一个小的有 Angular 的项目,在这个项目中我使用了 mattlewis92 的引导日历,但我的 Controller 一直有问题。

这是我的 .js 文件:

'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';
});

我希望能够使用两个 Controller ,因为我想在同一页面上显示同一日历的两个版本,一个显示日 View ,另一个显示月 View 。

所以我的 .html 文件中有这个

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

这是我的一个 div :

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

但我不断收到“参数‘cal574’不是函数,未定义”。 我浏览了已经完成的有关该主题的帖子,但找不到任何有用的信息。

如果您还需要什么,请告诉我。

顺便说一下,我使用的是 angular 1.5.5。

编辑:我创建了一个 jsfiddle,即使缺少依赖项,更好地查看代码可能会有所帮助 https://jsfiddle.net/zzddpk4v/#&togetherjs=s8M8Vir3rc

双重编辑:仍在寻找解决方案,我正在 cloud9 上工作,所以如果有人想查看几乎可以正常工作的整个代码,并尝试直接编辑它, 你可以去这里查看https://ide.c9.io/millenium/back574upsidenav-cloned

最佳答案

您是否已将所有相关的 .js 文件包含在您的项目/html 中。

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

当我忘记包含 .js 文件时,我遇到了同样的错误。

关于AngularJS ng- Controller 未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37609775/

相关文章:

javascript - AngularJS:数据绑定(bind)到数组元素不适用于批量更新

angularjs - 使用 AngularJS HTML5 模式重新加载页面会给出错误的 GET 请求

java - Spring 3.1 Controller 返回 HTML 页面的名称 - 它可以工作吗?

AngularJS初学者: ng-controller not working

javascript - 如何根据条件实例化 ng-controller

angularjs - 带有图像或 svg 的 Angular Material md-select

swift - 在与关闭时相同的 View Controller 中打开(快速)

java - Spring MVC Controller 返回 HTML

javascript - 将消息从内容脚本传递到基于 Angular JS 的 Chrome 扩展