無法在角度整個日曆上顯示自定義事件

Question

我推送從服務器加載的事件，但不顯示它們。他們是在相同的格式，在所有的例子，如果我在頁面打印出來，它們存在於正確的格式...但在日曆永遠不會顯示..

這裏我的代碼

dashboardCtrl.controller('CalendarioCtrl', ['$scope', '$log', '$compile', 'uiCalendarConfig', 'SedutaGiuntaSrvc', 'ProgressivoSrvc', function ($scope, $log, $compile, uiCalendarConfig, SedutaGiuntaSrvc, ProgressivoSrvc) { 
$scope.events = []; 

/* lista delle sedute */ 
var loadSedutePerCalendario = function() { 
    SedutaGiuntaSrvc.getSeduteCalendario().then(function (response) { 
     if ('item' in response.data.response.result.items) { 
      var sedute = convertToArray(response.data.response.result.items.item); 
      angular.forEach(sedute, function (s, index) { 
       if (index < sedute.length) { 
        var date = new Date(s.data); 
        var d = date.getDate(); 
        var m = date.getMonth(); 
        var y = date.getFullYear(); 
        $scope.events.push({id: s.id, title: s.progressivo + '_' + y, start: new Date(y, m, d+1)}); 
       } 
      }); 
     } 
    }); 
}; 

loadSedutePerCalendario(); 

$scope.eventSources = [$scope.events]; 

     /* alert on eventClick */ 
     $scope.alertOnEventClick = function (date, jsEvent, view) { 
      $scope.alertMessage = (date.title + ' was clicked '); 
     }; 
     /* alert on Drop */ 
     $scope.alertOnDrop = function (event, delta, revertFunc, jsEvent, ui, view) { 
      $scope.alertMessage = ('Event Droped to make dayDelta ' + delta); 
     }; 
     /* alert on Resize */ 
     $scope.alertOnResize = function (event, delta, revertFunc, jsEvent, ui, view) { 
      $scope.alertMessage = ('Event Resized to make dayDelta ' + delta); 
     }; 
     /* add and removes an event source of choice */ 
     $scope.addRemoveEventSource = function (sources, source) { 
      var canAdd = 0; 
      angular.forEach(sources, function (value, key) { 
       if (sources[key] === source) { 
        sources.splice(key, 1); 
        canAdd = 1; 
       } 
      }); 
      if (canAdd === 0) { 
       sources.push(source); 
      } 
     }; 

     /* Change View */ 
     $scope.changeView = function (view, calendar) { 
      uiCalendarConfig.calendars[calendar].fullCalendar('changeView', view); 
     }; 
     /* Change View */ 
     $scope.renderCalender = function (calendar) { 
      if (uiCalendarConfig.calendars[calendar]) { 
       uiCalendarConfig.calendars[calendar].fullCalendar('render'); 
      } 
     }; 
     /* Render Tooltip */ 
     $scope.eventRender = function (event, element, view) { 
      element.attr({'tooltip': event.title, 
       'tooltip-append-to-body': true}); 
      $compile(element)($scope); 
     }; 
     /* config object */ 
     $scope.uiConfig = { 
      calendar: { 
       height: 450, 
       editable: true, 
       header: { 
        left: 'title', 
        center: '', 
        right: 'today prevYear prev,next nextYear' 
       }, 
       eventClick: $scope.alertOnEventClick, 
       eventDrop: $scope.alertOnDrop, 
       eventResize: $scope.alertOnResize, 
       eventRender: $scope.eventRender 
      } 
     }; 
    }]); 

問題在哪裏？

這是我得到的印刷eventSources內容在頁面

[{"id":1,"title":"1/2014","start":"2014-10-06T22:00:00.000Z","_id":1}] 

我接過來一看的帖子Angularjs Full Calendar doesn't display events但它並沒有解決我的問題

Answer 1

$scope.eventSources = [fetchEvents]; 
      function fetchEvents(start, end, timezone, callback) { 
        //ur data will be ppushed to scope events here 
         callback($scope.events); 
         }); 
     } 

Answer 2

eventSources必須是數組陣列，它看起來像這樣：

$scope.events = [{"id":1,"title":"1/2014","start":"2014-10-06T22:00:00.000Z","_id":1}]; 
$scope.eventSources = [$scope.events]