Aurelia Dragula如何使用Api而不是自定义元素

Question

我试图使用aurelia dragula。我能找到的所有例子都使用自定义元素

<dragula-and-drop drop-fn.call="itemDropped(item, target, source, sibling)"></dragula-and-drop>

然后有div作为这样的源/目标

<div class="drag-source drop-target drop-style" data-list="things">
    <compose repeat.for="thing of things" view-model.bind="thing" data-index.bind="$index"></compose>
</div>

这很好用，我可以看到我可以为拖尾等添加其他功能绑定。但是文档显示了Dragula可以监听的一系列事件，但看起来我不得不使用API，而不是自定义元素，以利用它们。我似乎无法弄清楚如何在视图中使用Dragula对象以及上面的div。例如......

import { Dragula } from 'aurelia-dragula';
...

let dragula = new Dragula();
dragula.on('drag', (el, source) => {
      console.log('started dragging...');
    });

没有从上面的div中获取拖动事件。

我对aurelia很新，所以也许我错过了与框架相关的东西？ 如何使用Dragula API方法而不是自定义元素？

由于