使Dragula项目只能通过子元素拖动

Question

仅通过子元素使dragula-element可拖动的正确方法是什么？

背景： 想象一下一个项目列表，每个项目在左侧都有一个拖动图标以重新排序列表，同时仍使用户能够通过移动设备上的滑动手势在列表中滚动。如果整个项目都是可拖动的，则无法再进行手势滚动。

我已经搜索了dragula文档并就此主题进行了堆栈溢出。如果我忽略了某些内容，请向我指出。

感谢您的帮助和最佳做法的提示。

<div class="list"
       dragula="items"
       [dragulaModel]="items"
  >

    <div class="item"
            *ngFor="let item of items"
    >
      <span class="handle">HANDLE</span>

      {{item.title}}
    </div>
</div>