AngularJS | Как включить список перетаскивания?

Question

Как включить перетаскивание в мой список?

файл: list.tpl.html

<div class="panel-body"> 
<table class="table table-striped"> 
    <thead> 
    <tr> 
    <th>Lp.</th> 
    <th>Nazwa</th> 
    <th>Estymacja</th> 
    <th>Data</th> 
    <th>Ico</th> 
    <th>Zaznacz jako wykonane</th> 
    </tr> 
    </thead> 
    <tr data-ng-repeat="todo in todos"> 
    <td>{{$index+1}}. </td> 
    <td><span class="done-{{todo.done}}">{{todo.title}}</span></td> 
    <td><span class="done-{{todo.done}}">({{todo.estimates}}h)</span></td> 
    <td><span class="done-{{todo.done}}">{{todo.date}}</span></td> 
    <td><span class="glyphicon glyphicon-{{todo.type.gico}} done-{{todo.done}}"></span></td> 
    <td><input type="checkbox" data-ng-model="todo.done" title="Mark Complete" /></td> 
    </tr> 
</table> 

файл: список-ctrl.js

app.controller('listCtrl', function ($scope) { 
$scope.deleteCompleted = function() { 
    $scope.$parent.todos = $scope.$parent.todos.filter(function (item) { 
     return !item.done; 
    }); 
    }; 
}); 

Я учусь AngularJS, так что спасибо за помощь!

Answer 1

Обычно мне не нравится добавлять плагины в свой код, но в этом случае вы можете просто добавить простой модуль для перетаскивания. Я использую ui-sortable

, то вам нужно просто сделать

<ul ui-sortable ng-model="items"> 
    <li ng-repeat="item in items">{{ item }}</li> 
</ul> 

это для списка ... таблица я думаю, не должно быть на самом деле отличается

также проверить это решение: solution