如何在Angular 2 Dragula中的可拖动元素上保留文本可选？

在Angular 2 Dragula中，要在可拖动元素上保留文本可选，可以通过以下步骤实现：

首先，确保已经安装了Dragula库。可以通过以下命令进行安装：

npm install ng2-dragula --save

在需要使用Dragula的组件中，导入DragulaService和DragulaDirective：

import { DragulaService, DragulaDirective } from 'ng2-dragula';

在组件的构造函数中注入DragulaService：

constructor(private dragulaService: DragulaService) { }

在组件的ngOnInit方法中，创建一个Dragula组：

ngOnInit() {
  this.dragulaService.createGroup('myGroup', {
    moves: (el, container, handle) => {
      // 在这里判断是否允许拖动元素
      // 返回true表示允许拖动，返回false表示禁止拖动
      return true;
    }
  });
}

在HTML模板中，使用DragulaDirective将元素标记为可拖动：

<div [dragula]="'myGroup'">
  <div>可拖动元素1</div>
  <div>可拖动元素2</div>
  <div>可拖动元素3</div>
</div>

如果要保留文本可选，可以在拖动元素上添加contenteditable属性，并设置为true：

<div [dragula]="'myGroup'">
  <div contenteditable="true">可拖动元素1</div>
  <div contenteditable="true">可拖动元素2</div>
  <div contenteditable="true">可拖动元素3</div>
</div>

这样，拖动元素时，文本内容将保持可选状态。

对于Angular 2 Dragula的更多详细信息和用法，可以参考腾讯云的相关产品：Angular 2 Dragula。