如何在 angularjs 的全日历中动态设置许多事件

Question

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

这是我的控制器：

$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,
                 },
]
}
}
});

在我的日历中.html

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

但我总是只找到我的完整日历中的最后一个事件，我想在我的完整日历中找到所有事件。我能做些什么来得到这个？请帮助我

Answer 1

您必须在循环之外配置日历。

试试这个。

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