ng-sortable
Version:
Angular Library for Drag and Drop, supports Sortable and Draggable.
31 lines (29 loc) • 1.41 kB
HTML
<div id="grid-container" class="container-fluid" ng-controller="GridController">
<div class="row">
<div class="col-md-1 grid-column" as-sortable="sortableOptions" 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 class="col-md-1 grid-column" 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 class="col-md-1 grid-column" as-sortable="sortableOptions" data-ng-model="itemsList.items3">
<div ng-repeat="item in itemsList.items3" as-sortable-item>
<div as-sortable-item-handle>{{item.Label}}</div>
</div>
</div>
<div class="col-md-1 grid-column" as-sortable="sortableOptions" data-ng-model="itemsList.items4">
<div ng-repeat="item in itemsList.items4" as-sortable-item>
<div as-sortable-item-handle>{{item.Label}}</div>
</div>
</div>
<div class="col-md-1 grid-column" as-sortable="sortableOptions" data-ng-model="itemsList.items5">
<div ng-repeat="item in itemsList.items5" as-sortable-item>
<div as-sortable-item-handle>{{item.Label}}</div>
</div>
</div>
</div>
</div>