如何在angularjs中的fullcalendar中動態設置多個事件？

Question

我想在我的fullcalendar設置多種事件

這是我的控制器：

$http.get('http://127.0.0.1:8080/elodieService/reservations/'+$localStorage.idconsommateur+'/m', { params: { "idconsommateur":$localStorage.idconsommateur, fields: "nom,prenom,login,imageJson",format:"json"} }).then(function(result) { 

for (var int = 0; int < result.data.length; int++) { 
      console.log(result.data[int].idevenement.titre_annonce); 
      var d= new Date(result.data[int].idevenement.date_evenement); 


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

        events: [ 


       { 
        title: result.data[int].idevenement.titre_annonce, 
        start: d, 
        allDay: true, 
       }, 
] 
} 
} 
}); 

在我calendar.html

<div ui-calendar="uiConfig.calendar" ng-model="eventSources" calendar="myCalendar"> 

但我總是發現只有最後事件在我fullcalendar ，我想在我的fullcalendar中查找所有事件。我能做些什麼來得到這個？請幫我

Answer 1

你必須配置你的日曆外側for循環。

試試這個。

$http.get('http://127.0.0.1:8080/elodieService/reservations/'+$localStorage.idconsommateur+'/m', { params: { "idconsommateur":$localStorage.idconsommateur, fields: "nom,prenom,login,imageJson",format:"json"} }).then(function(result) 
{ 
    var calEvents = []; 
    for (var int = 0; int < result.data.length; int++) { 
    console.log(result.data[int].idevenement.titre_annonce); 
     var d= new Date(result.data[int].idevenement.date_evenement); 
     calEvents.push(
     { 
     title: result.data[int].idevenement.titre_annonce, 
     start: d, 
     allDay: true 
     } 
    ); 
     } 
     $scope.uiConfig = { 
      calendar:{ 
       height: 450, 
       editable: true, 
       lang: 'fr', 
       events: calEvents 
      } 
     } 
});