Angularjs 如何将可排序列表拆分为两个偶数列？

我正在使用angularJS指令对数组进行排序。代码如示例所示：

{{item}

我提供了一个服务来按列或行拆分数组。 可以使用双ng重复来迭代子集

<ul ng-repeat="col in main.itemsCols">
  <li ng-repeat="item in col">{{ item.text }}</li>
</ul>

{{item.text}

---

工作示例

您可以使用两个

ng repeat

s，将前一个限制在列表的前半部分，将第二个限制在列表的后半部分

<ul ui-sortable class="left-column">
  <li ng-repeat="item in items | limitTo:items.length/2">{{ item }}</li>
</ul>
<ul ui-sortable class="right-column">
  <li ng-repeat="item in items | limitTo:items.length/2:items.length/2">{{ item }}</li>
</ul>

{{item}


{{item}

---

注意：您必须在控制器中设置

项.length/2

的上限，才能在奇数长度的数组中工作，但这是基本想法

谢谢您的回复。我已经想到了使用ng repeat两次的想法。但是在这种情况下，我还必须使用ui sortable指令两次，这破坏了将项目从一列拖放到另一列的能力。有什么解决办法吗？谢谢你的回复。这里的问题是ui-sortable指令必须应用于

元素。结果是我无法将元素从一个
拖到另一个
（从一列拖到另一列）。有什么办法解决这个问题吗？你可以试试这样的方法：，我让css的魔力取决于你，但是如果你看看生成的标记，你会得到一个