Question

我正在cordova angularjs开发。

我使用this tutorial在项目中集成了完整的日历

我的目标是：当我在fullcalendar中点击一个事件时，我希望显示一个弹出窗口。

我的控制器：

facebookExample.controller("evenementCalendarController", function($scope, $cordovaOauth, $localStorage, $location,$ionicPopup,$state,$http,$cordovaCalendar,uiCalendarConfig) {    
    $http.get('http://127.0.0.1:8080/elodieService/evenements/'+$localStorage.idInfoEvent+'/l', { params: {fields: "titre_annonce,date_evenement",format:"json"} }).then(function(result) {   
        var d= new Date(result.data.date_evenement);
        $scope.alertOnEventClick = function( date,allDay,jsEvent, view) {
            $scope.alertMessage = (' was clicked ');
        };

        $scope.uiConfig = {
            calendar:{
                height: 450,
                editable: true,
                lang: 'fr',


                dayClick: $scope.alertOnEventClick,
                eventDrop: $scope.alertOnDrop,
                eventResize: $scope.alertOnResize,

                events: [
                {
                 title: title,
                 start: d,
                 allDay: true,
                 //rendering: 'background',
                 backgroundColor: '#00CED1',
                }
                ],
                 color: 'red',   // an option!
                 textColor: 'black',
                calendar:{
                   lang: 'fr'
                }

            }
        };
    });
});

我收到以下错误：

!JavaScript ERROR: 'undefined' is not an object (evaluating 'array.length')
http://localhost:36994/lib/angular-ui-calendar/src/calendar.js:98 
!JavaScript ERROR: 'undefined' is not an object (evaluating 'sources.length')
http://localhost:36994/lib/angular-ui-calendar/src/calendar.js:63

我的弹出窗口无法显示。我该如何解决这个问题？

Answer 1

尝试删除最后一个事件选项后的逗号：

backgroundColor: '#00CED1',

这是该事件对象的最后一个属性，因此不应该使用逗号。

如何控制fullcalendar中的事件点击？

1 个答案: