Angular Drag and Drop Based On Dragula.js

Author: luckylooke
Publish Date:
Official Page: Go to website
License: MIT

Angular drag and drop based on dragula.js.


  • replaced crossvent by angulars event binding
  • replaced contra.emitter by $scope.$emit if scope provided in options (options.scope)
  • encapsulated the code into angular factory (dragularService)
  • created directive dragular where options can be passed providing scope property name
  • both service and directive provided as angular module (dragularModule)
  • automatic direction if not provided in options, instead of default vertical
  • accepting arraylike objects as containers array
  • accepting custom classes via option.classes
  • namespaced containers groups available via option.nameSpace
  • more examples


Angular Drag and Drop Based On Dragula.js