使用 ui-sortable 和 angularJS 重新排序列表时出现未定义的新项目

Question

我正在使用 ui-sortable 和 AngularJS 来重新排序列表。我根本不希望元素发生变化（没有添加、删除或更改）。在排序过程中，有时会出现新的未定义元素，并与我的其他代码产生各种问题。我找不到任何关于这个问题的讨论，或者任何关于如何控制它的例子。

似乎可能涉及到 droppable 的接受属性，但我不确定从那里去哪里。任何解决方案或解释都会非常有帮助。

代码如下：

<div ui-sortable ng-model="topicsList">
    <p class="input-group" ng-repeat="topic in topicsList" style="padding:5px 10px; cursor: move;"> 
        <p>Other stuff</p>
        <input type="checkbox" ng-model="topic.selected">
        {{topic.name}}
    </p>
</div>

Answer 1

我重新阅读了 angular 文档（我认为是 ui-sortable），其中提到除了 ng-repeat 元素之外，ui-sortable 元素内不能有任何东西，所以段落元素带有“其他东西”似乎是造成问题的原因。一旦我删除它，它似乎工作正常。