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

Question

我在angular 2应用程序中使用了dragula，我想知道是否有一种方法可以保留文本可选，因此像draggable元素内部的跨度应该仍然表现为默认值，因此您可以在其上突出显示文本。据我所知，似乎没有办法在拖拉选项中使用它。也许有人知道简单的方法吗？

Answer 1

所以我认为我找到了解决方案，我很好。我在dragula服务中修改了移动选项，就像这样

moves(element, container, handle) {
                return element.nodeName === 'my-draggable-element' && handle.nodeName !== 'span'
            }

因此，当我们尝试在span所在的位置拖动我们的元素时，我们将无法执行此操作。

然后在css中我添加了这种代码：

my-draggable-element {
    span {
        -moz-user-select: text;
        -khtml-user-select: text;
        -webkit-user-select: text;
        cursor: text;
    }
}

所以现在文字是可选的，如果我们把它放在没有文字的部分上，那么该元素仍然是可拖动的。