Fullcalendar 3.0 - 自定义活动内容答案

【问题标题】：Fullcalendar 3.0 - Customize event contentFullcalendar 3.0 - 自定义活动内容
【发布时间】：2020-11-06 03:31:25
【问题描述】：

我正在使用 lib fullcalendar(v3) https://fullcalendar.io/docs/v3 并尝试自定义事件的内容。

我想做这样的事情（绿色按钮）：

我尝试使用这个 CODE PEN： https://codepen.io/williansmartins/pen/pobZMQj?editable=true&editors=001%3Dhttps%3A%2F%2Ffullcalendar.io%2F

lib 文档告诉我们可以操纵 eventRender，但我今天运气不好。

  eventRender: function(eventObj, $el) {
      $el.popover({
        title: eventObj.title,
        content: eventObj.description,
        trigger: 'hover',
        placement: 'top',
        container: 'body'
      });
    }

事实上我做到了，但是使用 vanila javascript 并且点击只在事件而不是按钮上工作......

【问题讨论】：

我得到了一些东西，但不完全是，我添加了两个按钮，但现在我需要在每个按钮中有不同的操作，但 eventClick 只有一个。 eventRender: function(event, element) { element.css("font-size", "1.2em"); element.css("填充", "5px"); element.html("button1 button2 "); },

标签： javascript angularjs events fullcalendar-3

【解决方案1】：

我明白了！超出了我的需要。

首先使用eventRender创建按钮，然后再次编译到AngularJS理解。

eventRender: function(event, element) {
    const eventId = event.extra;
    
    element.html(event.title + `<a href='javascript:void(0)' class='btn btn-success botao-extra extra1' ng-click='metodo1(${eventId})'>button1</a> <a class='btn btn-danger botao-extra extra2'  ng-click='metodo2(456)'> button2</a> `);
    $compile(element)($scope);
          
},

【讨论】：