Angular bootstrap日历月视图打开弹出窗口问题

Question

我正在关注一个例子here。

我想实现相同的功能，比如在月视图中点击事件时它会打开一个带有详细信息的弹出窗口。但不知怎的，我无法实现它。以下是我正在尝试的代码，

     app.module('mwl.calendar.docs')
        .controller('AppointmentsController',
                function ($rootScope, $scope, CalenderService, $location, ProjREST_URL, $state,
                        moment,alert, calendarConfig, $timeout, propSettingService, DetailService) {

    -----------------
    -----------------
 });
    angular
      .module('mwl.calendar.docs')
      .factory('alert', function($uibModal) {

        function show(action, event) {
          return $uibModal.open({
            templateUrl: 'modalContent.html',
            controller: function() {
              var vm = this;
              vm.action = action;
              vm.event = event;
            },
            controllerAs: 'vm'
          });
        }

        return {
          show: show
        };

      });

控制器和工厂都是相同的js 但是我收到了一个错误，

Uncaught TypeError: app.module is not a function

我是棱角分明的新人，所以我在这里做些傻事:) 任何帮助都非常感谢。感谢

更新的代码看起来仍然是错误仍然相同

angular.module('mwl.calendar.docs', ['mwl.calendar', 'ngAnimate', 'ui.bootstrap', 'colorpicker.module']);

app
.module('mwl.calendar.docs')
.controller('AppointmentsController',

Answer 1

您需要在注册控制器之前声明您的模块：

angular.module('mwl.calendar.docs', ['mwl.calendar', 'ngAnimate', 'ui.bootstrap', 'colorpicker.module']);