Javascript 使用AngularJS拖放div

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

例如，如果我有三个名为1,3,2的步骤，我希望能够拖动步骤2并将其移动到步骤3上方，从而将它们按顺序1,2,3排列。为此，我必须相应地修改我的angularJs模型

我现在看到的是，ui正在响应，我可以看到步骤的位置在改变，但是我的数组包含所有步骤的顺序保持不变。。。有没有办法对这个数组重新排序，或者至少有办法获得步骤的新位置

---

< P>你可以考虑使用；我在自己的一个项目中使用过它，允许拖放重新排序，而且效果相当不错。我应该指出，它确实依赖于JQuery/JQueryUI（对于可排序的小部件），但这对我们来说是值得的。

请将代码放在这里，不仅是我使用的错误，我还可以移动div。我的问题是，当我移动div时，我的意思是当我对它们重新排序时，它没有映射到AngularJS模型……这很奇怪；当我们使用它时，它的行为就是这样的：当您使用ui sortable指令移动一个元素的子元素时（在我们的例子中，子元素是使用ng repeat创建的），重新排序立即反映在范围中。事实上，我刚刚访问了您的Plunker示例，看到预览窗格底部的小“scope viewer”中反映了重新排序行为。这可能是浏览器的问题吗？啊哈！我刚刚注意到，如果你在一个步骤中添加一个任务，它就会中断。我想我可能已经有了它：在你的可排序的ng repeat for tasks中，看起来你缺少了一个ng模型。如果我将“ng model=“step.tasks””添加到该ng repeat，则即使在添加任务后，作用域也会正确更新。关于“作用域查看器”，您是指我使用标记创建的吗？我看到它在Opera中重新排序，而不是在mac上的chrome或safari中。。。