Question

我正在尝试将AngularUI排序连接两个位于不同div中的列表。

有人可以解释一下这个问题是什么，为什么一种方法有效，另一种方法没有？以及我需要做些什么来修复它？

如果div是定义sortable的元素的兄弟姐妹，我确实连接了列表：

<div ui-sortable="sortableOptions" ng-repeat="list in modelData" ng-model="list" class="sort">
    <div id="item-list" ng-repeat="item in list">{{item}}</div>
</div>

jsfiddle：http://jsfiddle.net/GaryM/PHvVS/

这是我需要工作的方法：

<div class="sortSrc"  style="display:inline;">
    <ol ui-sortable="srcSortableOptions" ng-model="srcData">
        <li ng-repeat="item in srcData">{{item}}</li>
    </ol>
</div>
<div class="sortTgt"  style="display:inline;">
    <ol ui-sortable="tgtSortableOptions" ng-model="tgtData">
        <li ng-repeat="item in tgtData">{{item}}</li>
    </ol>
</div>

jsfiddle：http://jsfiddle.net/GaryM/2AnLU/

感谢帮助

Answer 1

删除ol的父div。 Here工作得很好

请参阅refer他们在ui-sortable官方github中的表现

<div>
  <ol ui-sortable="srcSortableOptions" ng-model="srcData" class="sortSrc"  style="display:inline;">
    <li ng-repeat="item in srcData">{{item}}</li>
  </ol>
  <ol ui-sortable="tgtSortableOptions" ng-model="tgtData" class="sortTgt"  style="display:inline;">
    <li ng-repeat="item in tgtData">{{item}}</li>
  </ol>
</div>

如何在不同的div中制作AngularUI可排序连接列表？

1 个答案: