AngularJS 和 jQuery-UI 可排序不起作用答案

【问题标题】：AngularJS and jQuery-UI Sortable not workingAngularJS 和 jQuery-UI 可排序不起作用
【发布时间】：2014-04-18 16:44:19
【问题描述】：

我正在尝试构建一个非常简单的 angularjs 指令，它允许我嵌套 jquery-ui 可排序列表。

我有一个可以工作的纯 jquery 版本，但是当我添加 angularjs 指令代码时，它似乎没有启用任何带有 connectWith 争论的子元素。此外，使用角度版本，如果我在子列表中添加一个虚拟 <li> 元素，jquery 似乎会将其识别为列表。我不确定是什么导致了这种行为。

你能看出我做错了什么吗？

如果没有子列表中的<li> 元素，则无法使用

适用于虚拟 <li> 元素，但该元素可以四处移动并导致混乱。

【问题讨论】：

【解决方案1】：

Angular-ui 有一个 ui:sortable 指令。你不需要 jquery 来工作。看看这个fiddle

 <ul ui:sortable ng:model="list">

【讨论】：

这里重要的一点是我应该能够嵌套它们。我不是 angular-ui 方面的专家，但我不认为你给我的能做到这一点......jsfiddle.net/comamitc/hKYWr/1337
@comamitc，当然可以：jsfiddle.net/hKYWr/1338 唯一不会让你高兴的是你仍然需要一个“虚拟”<li> 和ng-repeat，但这就是如何角度工作。
正如 sergey 所说，您可以使用 ui:sortable 进行嵌套列表。我真的推荐 angular-ui，有很多很棒的 ui 小部件可以与 angularjs 一起使用。
@SergeyK @zszep 你能指点我一些文档吗？它没有注册我的原因（在您的示例中）我无法将 Item2 添加到包含 [Item1.A, Item1.B, Item1.C] 的列表中。
@comamitc 可以在github.com/angular-ui/ui-sortable找到文档