我一直在CDK中试验Angular8的DragDropModule。虽然我可以使字段或文本可拖动,但似乎没有办法使其可拖动和可编辑。拖动会取消对字段的编辑。
您可以编辑:
<h2 contenteditable="true"> --- Edit Me! :) --- </h2>
您可以拖动:
<h2 cdkDrag> --- Drag Me! :) --- </h2>
但不是两者都是:
<h2 cdkDrag contenteditable="true"> --- What a drag! :( --- </h2>
如果你想保持简单,只使用 cdkDragDrop 提供,您可以使用 cdkDragHandle 财产。使用此选项,拖动只能使用指定的句柄,并且您将能够编辑元素中所需的内容。
cdkDragDrop
cdkDragHandle
我知道它不能完全解决您的问题,但是如果您不需要从元素上的任何位置拖动,它是一个选项。
Small example here