javascript - 如何在AngularJS中的fullcalendar中动态设置多个事件？

Question

我想在我的全日历中设置许多事件

这是我的 Controller :

$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">

但我总是只找到我的全日历中的最后一个事件，我想找到我的全日历中的所有事件。我该怎么做才能得到这个？请帮助我

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
          }
      }
});