Angularjs ui：在ng中可排序：重复不按预期运行

Question

我正在尝试使用<select>分组对HTML <optgroup>菜单的值进行拖放编辑。

我一直在JSFiddle工作; here's what I have at the moment。它目前由一个多维数组和两个嵌套的ng-repeat div组成，用于显示组中所有数组的内容。

拖放部分正在工作（包括拖动组，我需要），但是底部模型内容的输出与上面发生的内容不匹配。这是我能够收集的内容：

• 如果我将任何项目向下拖动一个位置（项目或组），则下面的模型输出中没有任何更新。
• 如果我将任何项目向下拖动两个或更多位置，模型输出 更新
• 如果我将任何项目向上拖动一个或多个位置，模型输出会更新
• 如果我跨群组拖动任何项目，则模型输出会更新

我做了大量的谷歌搜索，但我无法找到任何类似问题的提及。鉴于实际的拖放部分表现得如预期，我无法想象代码中的哪种问题会导致模型根据拖动方向和距离正确或不正确地更新。

有人能指出我正确的方向吗？我做错了什么，或者这只是Angular-UI Sortable中的错误？如果是这样，AngularJS是否有替代支持在这样的组之间拖动项目？

Answer 1

我相信这是你使用的任何版本的错误。

使用master分支中的sortable.js的最新版本似乎工作正常：

<script src="https://rawgithub.com/angular-ui/ui-sortable/master/src/sortable.js"></script>

var myapp = angular.module('myapp', ['ui.sortable']);

http://jsfiddle.net/N58Qk/

Answer 2

尝试Angular-NestedSortable，它是一个Angularjs插件，可以对嵌套列表进行排序并绑定数据，而不需要依赖于jQuery。 https://github.com/jimliu/Angular-NestedSortable