Есть ли способ сделать поле перетаскиваемым и редактируемым в Angular?

Question

Я экспериментировал с DragDropModule Angular 8 в CDK. Хотя я могу сделать поле или текст перетаскиваемым, похоже, не существует способа сделать его перетаскиваемым и редактируемым. Похоже, что перетаскивание отменяет редактирование поля.

Вы можете редактировать:

<h2 contenteditable="true"> --- Edit Me! :) --- </h2>

Вы можете перетащить:

<h2 cdkDrag> --- Drag Me! :) --- </h2>

Но не оба:

<h2 cdkDrag contenteditable="true"> --- What a drag! :( --- </h2>

Answer 1

Если вы хотите сохранить простоту и использовать только то, что предоставляет cdkDragDrop, вы можете использовать свойство cdkDragHandle. При этом перетаскивание будет работать только с указанным дескриптором, и вы сможете редактировать содержимое, которое хотите внутри элемента.

Я знаю, что это не полностью решит вашу проблему, но если вам не нужно перетаскивать элемент из любого места, это вариант.

Небольшой пример здесь