ngkit.sortable

ngKit pure HTML5 sortable

Make your elements sortable by leveraging HTML5 draggable and some subtle styling.

<div ui-sortable="myCollection"
     ui-sortable-update="saveStuff()">
  <div ui-sortable-item
       draggable="true"
       ng-repeat="element in myCollection">
    <span>{{ element }}</span>
  </div>
</div>

When dragging, sortable item receives some classes so that you can style stuff as appropriate:

• dragging
• drag-over
• drag-over-before
• drag-over-after

Usage

Add ui-sortable directive to your Angular module directly:

var app = angular.module('myApp', []);
 
require('ngkit.sortable')(app);

Note: ngKit requires Browserify.

License

ISC / Boris Okunskiy