Drag Target

The DragTarget directive allows you to transform any HTML element or Angular component into a draggable unit. Afterwards the user can change it's position via drag and drop.

When an element is configured as DragTarget, it will emit the following events upon user interaction:

• onPress—Fires when the drag target is pressed.
• onRelease—Fires when the drag target is released after being pressed.
• onDragReady—Fires when the dragDelay has passed and the user is able to drag the element.
• onDragStart—Fires when the dragging of the element begins.
• onDrag—Fires while the element is being dragged.
• onDragEnd—Fires when the dragging of the element ends and the user releases it.

The following example demonstrates the DragTarget directive in action.

Suggested Links

• API Reference of the DragTarget