Question

是否有一种方法可以通过eventRender Fullcalendar从angularjs指令动态渲染模板？

我要实现的目标如下：

typeof(course) === "undefined"

跟随Documentation

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

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

在eventRender上，将CSS类插入

eventRender: function(event, element, view) {

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

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

  scope.$apply();
}

关于该主题的

Documentation在本主题中并不广泛。

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

MyCodePen

EDITED_Code_Pen

Answer 1

1-将$ compile添加到您的控制器

2-在eventRender中如下所示：

eventRender: function(event, element, view) {


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

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

 },

workingCodePen

通过eventRender Fullcalendar从angularjs指令渲染

1 个答案: