2016-07-26 9 views
0

Die UI funktioniert gut, die Ereignisse werden korrekt angezeigt, aber das einzige Problem ist eventClick funktioniert nicht. Ich dachte, dass jQuery aktualisiert werden muss, um dieses Problem zu lösen, aber ich habe mich geirrt. Es gibt noch etwas, das die eventClick davon abhält zu arbeiten! Bitte HilfeeventClick in angular-ui-Kalender funktioniert nicht

Das ist mein index.html

<div class="container"> 
 
<div ui-calendar='$ctrl.uiConfig.calendar' ng-model="$ctrl.eventSources"> 
 
</div> 
 
</div>

das ist mein controller.js

(function(){ 
 

 
class CalendarComponent { 
 
    constructor() { 
 

 
    this.eventSources = []; 
 

 
    this.uiConfig = { 
 
     calendar : { 
 
       editable : true, 
 
       header : { 
 
         left : 'prev,next,today', 
 
         center : 'title', 
 
         right : 'month,agendaWeek,agendaDay' 
 
         } 
 
        }, 
 

 
      eventClick: function(event,jsEvent,view){ 
 
         console.log("holla"); 
 
         } 
 
       }; 
 

 
    
 

 
    this.eventSources = [ 
 

 
      { 
 
      events: [ 
 
        {title: "finger painting", start: "2016-07-28T18:00+05:30", location: "SAC middle earth", allDay:false}, 
 
        {title: "hand painting", start: "2016-07-27T21:30+05:30",location: "CLT", allDay:false} 
 
       ], 
 

 
      color: "red" 
 
      }, 
 

 
     { 
 
      events: [ 
 
        {title: "lightmusic", start: "2016-07-29T18:00+05:30", location: "OAT", allDay:false}, 
 
        {title: "Rock music", start: "2016-07-28T21:30+05:30",location: "SAC middle earth", allDay:false} 
 

 
       ], 
 

 
       color: "blue" 
 
      } 
 

 
    ];    
 
     
 
       
 
    } 
 

 
} 
 

 
angular.module('sangamApp') 
 
    .component('calendar', { 
 
    templateUrl: 'app/calendar/calendar.html', 
 
    controller: CalendarComponent 
 
    }); 
 

 
})();

+1

Sie übergeben nur Kalender an den UI-Kalender, Sie sind nicht die Übergabe der gesamten Config-Objekt. Ich bin nicht sicher, wie diese bestimmte Direktive funktionieren soll, aber solltest du nicht alle '$ ctrl.uiConfig' übergeben? – Jay

+0

hat gearbeitet ...... eigentlich habe ich den Kalender entfernt und alles als Ganzes in uiConfig abgelegt und an ui-calendar weitergeleitet ..... Danke Kumpel! – Robin

+0

Kein Problem! Ich werde es auch als Antwort posten, nur wenn jemand anderes das gleiche Problem hat – Jay

Antwort

1

Versuchen Sie, die 0 vorbeiObjekt ui-calendar, jetzt ist die eventClick nicht innerhalb des Objekts, das Sie an diese Richtlinie übergeben

Verwandte Themen