簡體   English   中英

如何在angularjs的fullcalendar中動態設置許多事件?

[英]How to set dynamically many event in fullcalendar in angularjs?

我想在全日歷中設置許多事件

這是我的控制器:

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

但是我始終只在我的日歷中找到最后一個事件,我想在我的日歷中找到所有事件。 我該怎么辦? 請幫我

您必須將日歷外部配置為循環。

試試這個。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM