ng-sortable
Version:
Angular Library for Drag and Drop, supports Sortable and Draggable.
29 lines (28 loc) • 1.17 kB
HTML
<div id="sortable-container" ng-controller="CloneController">
<div id="columns" class="row">
<div class="col-sm-6 col-xs-6">
<div class="column">
<div class="columnHeader">
<span>List A</span>
</div>
<div class="sortable-row" as-sortable="sortableCloneOptions" data-ng-model="itemsList.items1">
<div ng-repeat="item in itemsList.items1" as-sortable-item>
<div as-sortable-item-handle>{{item.Label}}</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xs-6">
<div class="column">
<div class="columnHeader">
<span>List B</span>
</div>
<div class="sortable-row" as-sortable="sortableOptions" data-ng-model="itemsList.items2">
<div ng-repeat="item in itemsList.items2" as-sortable-item>
<div as-sortable-item-handle>{{item.Label}}</div>
</div>
</div>
</div>
</div>
</div>
</div>