ngDraggable

Drag and drop module for Angular JS
Homepage:
40 people use it

ngDraggable

Drag and drop module for Angular JS with support for touch devices. demo.

Usage:

  • Install: bower install ngDraggable
  • Add jquery, angular and ngDraggable to your code:

html

  • Add a dependency to the ngDraggable module in your application.

js

angular.module('app', ['ngDraggable']);

  • Add attribute directives to your html:

Draggable usage:

html

Draggable div

Note: ng-center-anchor is optional. If not specified, it defaults to false.

Drop area usage:

html

Drop area

Angular Controller:

Examples

Drag and drop.

Re-ordering.

Cloning.

comments powered by Disqus
This page was last updated about 3 years ago.