我正在做一个小的有 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/