@brunothg/draggable v1.0.0

angular-draggable

Draggable and Resizable directives for angular.

Usage

Draggable

<div [brunothgDraggable] brunothgDraggableResize="resize" brunothgDraggableContainer="#dragContainer" brunothgDraggableMethod="transform" brunothgDraggableDisabled="disabled">...</div>

Selector: brunothgDraggable

Attributes:

• brunothgDraggable
  Drag-Handle (HTMLElement or CSS-Selector) selector. If not set, element itself will be used as drag-handle.
• brunothgDraggableContainer
  Drag-Container (HTMLElement or CSS-Selector). If not set, document.body will be used as drag-container.
• brunothgDraggableMethod
  Drag-Method (string). If not set, transform will be used.
  Values: DRAG_METHOD_POSITION, DRAG_METHOD_TRANSFORM
• brunothgDraggableDisabled
  Drag-Disable (boolean). If set, will temporary disable dragging function.
• brunothgDraggableResize
  Drag-Resize (boolean). If set, will change position, if container size changes.

Web-Example

https://brunothg.github.io/angular-draggable/