是否存在没有jQuery的ng-repeat重新排序拖放

Question

任何人都有一些代码来重新排序ng-repeat使用拖放不需要jQuery？(仅限angularjs依赖)

Answer 1

我用https://github.com/kamilkp/angular-sortable-view得到了很好的结果- 它是全新的(上周第一次提交!),但它非常容易使用.你在一个sv-root元素(可能是一个div)上放了一个属性,它是ng-repeat你想要重新排序的祖先.然后,您将sv-element属性放在您正在使用的任何元素上ng-repeat,并为您处理拖放操作.

您还可以选择sv-handle在您的内部的某个元素(可能是图像或Font Awesome图标)上放置一个属性ng-repeat,在这种情况下该元素将用作拖动控制柄.您还可以选择设置"占位符"(拖动时显示的内容,以显示拖动的元素将立即放置的位置)以及sv-placeholder占位符元素的属性.最后,您可以选择sv-helper在某个元素上指定一个属性,以使该元素成为被拖动的元素.(因此,如果您希望用户在拖动时看到的内容需要与他们在列表中看到的内容不同,那么您就是这样做的).

哦,并且sv-placeholder和sv-helper属性都可以在ng-repeat 之外的元素上,在这种情况下,相同的元素将用于每个拖动情况(例如,如果你想要一个空白的灰色框作为占位符的方式使用它当你拖动卡片时Trello会这样做 - 或者那些属性可以在ng-repeat 内部的元素上进行,在这种情况下你可以访问特定ng-repeat元素的局部范围(例如,如果你使用它希望你的占位符是"我正在拖动的文本,不透明度为50%,并且围绕它的虚线边框").

从https://github.com/kamilkp/angular-sortable-view repo 链接的演示很好地说明了用法,所以不要再多说一点,我只是让你在演示中探讨.到目前为止,我的个人经历非常有利.

哦,它除了Angular之外没有任何依赖.没有jQuery或其他任何需要.