2016-01-18 2 views
0

Я развиваюсь в cordova angularjs.Как управлять щелчком события в fullcalendar?

Я использовал 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 

И мое всплывающее окно не будет отображаться. Как я могу это решить?

ответ

0

Попробуйте удалить запятую после последнего варианта событий:

backgroundColor: '#00CED1', 

Это последнее свойство для этого объекта события, поэтому оно не должно сопровождаться запятой.

Смежные вопросы