javascript - Angular-ui-Calendar 中的 eventClick 不起作用

Question

UI 工作正常，事件显示正确，但唯一的问题是 eventClick 不起作用。我认为需要更新 jQuery 来解决这个问题，但我错了。还有其他原因导致 eventClick 无法工作!请帮忙

这是我的index.html

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

这是我的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
  });

})();

Answer 1

尝试将 uiConfig 对象传递给 ui-calendar，现在 eventClick 不在您所在的对象内部传递给该指令