使用AngularJS拖放div

时间:2014-02-01 05:47:36

标签: javascript jquery jquery-ui angularjs angularjs-directive

我正在创建一个简单的任务管理器,其中任务按步骤重新分组。因此,许多步骤可以有许多任务。目前,我正确地映射了我的angularJS模型。我现在想做的是能够重新排序代表步骤的div。

例如,如果我有三个名为1,3,2的步骤,我希望能够拖动步骤2并将其移到第3步之上,因此将它们放在1,2,3的顺序中。为此,我必须相应地修改我的angularJs模型。

我目前的情况是,ui正在响应,我可以看到步骤改变位置,但我的包含所有步骤的数组保持相同的顺序...有没有办法重新排序这个数组或至少获得步骤的新位置的方法?

http://plnkr.co/edit/bjsgQz?p=preview

1 个答案:

答案 0 :(得分:2)

您可能需要考虑使用ui-sortable;我已经在我自己的一个项目中使用它来允许拖放重新排序,并且它工作得相当好。我应该指出它确实依赖于JQuery / JQueryUI(对于可排序的小部件),但它对我们来说是值得的。