angularjs - 通过eventRender Fullcalendar从angularjs指令渲染

有没有办法通过eventRender Fullcalendar从angularjs指令动态渲染模板？

我想要实现的是如下所示:

eventRender: function(event, element, view) {

  var template = '<my-directive></my-directive>';

  element.find('.fc-event').append(template);

  scope.$apply();
}

正在Documentation

eventRender回调函数可以修改元素。

例如，它可以通过jQuery的.css()更改其外观。

在eventRender上，将CSS类插入

eventRender: function (event, element) {

    element.addClass(event.class)
}

关于该主题的Documentation主题并不广泛。

它没有提供通过Angularjs指令更改模板的任何示例
并且不告诉模板是否有任何限制
使其被FullCalendar视为事件。

MyCodePen

EDITED_Code_Pen

最佳答案

1-将$ compile添加到您的 Controller

2-在eventRender中使如下:

eventRender: function(event, element, view) {


     var compiled = $compile('<div your-directive></div>')($scope);

     element.find('.fc-content').replaceWith(compiled);

 },

workingCodePen