angular - fullcalendar v4 外部放置事件

Question

我正在使用已删除 jQuery 的 fullcalendar v4 Alpha 版本，我能找到的唯一拖动外部事件的示例与使用 jQuery 的 v3 或更早版本相关。有没有人有 v4 Alpha 的外部拖动示例

我已尽我所能遵循示例 here :

<div id="external-events">
  <div class="fc-event" ngDraggable [zIndex]="99999" [zIndexMoving]="99999" [trackPosition]="false" style="margin: 1em 0; padding: .5em; cursor: move;"
  *ngFor="let event of externalEvents" [attr.data-event]="event">An Event</div>
</div>

externalEvents 数组中的每个事件都是一个有效的 json 对象

externalEvents = [
  {
    'title': 'Some Event',
    'duration': '00:30:00'
  },
  {
    'title': 'Some Other Event'
  }
]

我的事件是可拖动的，但在日历控件上拖动时没有反射(reflect)任何内容，没有任何视觉效果，并且 drop 事件没有被触发(我的代码可以在 this stackblitz 中找到)

请问有人有使用 fullcalendar v4 Alpha 的工作示例吗

Answer 1

不想回答我自己的问题，但我现在已经想通了，我缺少 fullcalendar v4 用于拖放的额外脚本导入，该组件本质上是使用 dragula 并且我有未导入 dragula 或 fullcalendar-dragula 脚本。

对于遇到此问题的任何人，您都可以找到一个工作示例 here