在 Angular 中有没有办法使字段可拖动和可编辑？
Is there a way to make a field draggable and editable in Angular?
我一直在 CDK 中试验 Angular 8 的 DragDropModule。虽然我能够使字段或文本可拖动，但似乎没有办法使其可拖动和可编辑。似乎拖动取消了对字段的编辑。
您可以编辑：
<h2 contenteditable="true"> --- Edit Me! :) --- </h2>
您可以拖动：
<h2 cdkDrag> --- Drag Me! :) --- </h2>
但不是两者兼而有之：
<h2 cdkDrag contenteditable="true"> --- What a drag! :( --- </h2>
如果您想保持简单，只使用 cdkDragDrop 提供的内容，您可以使用 cdkDragHandle 属性。使用此拖动将仅使用指定的句柄起作用，您将能够在元素内编辑您想要的内容。
我知道它不能完全解决您的问题，但如果您不需要从元素上的任何地方拖动，这是一个选项。
我一直在 CDK 中试验 Angular 8 的 DragDropModule。虽然我能够使字段或文本可拖动，但似乎没有办法使其可拖动和可编辑。似乎拖动取消了对字段的编辑。
您可以编辑：
<h2 contenteditable="true"> --- Edit Me! :) --- </h2>
您可以拖动：
<h2 cdkDrag> --- Drag Me! :) --- </h2>
但不是两者兼而有之：
<h2 cdkDrag contenteditable="true"> --- What a drag! :( --- </h2>
如果您想保持简单，只使用 cdkDragDrop 提供的内容，您可以使用 cdkDragHandle 属性。使用此拖动将仅使用指定的句柄起作用，您将能够在元素内编辑您想要的内容。
我知道它不能完全解决您的问题，但如果您不需要从元素上的任何地方拖动，这是一个选项。