嵌套 ng-repeat 拖放，AngularJS

Posted 2023-05-08

【中文标题】嵌套 ng-repeat 拖放，AngularJS

【英文标题】：Nested ng-repeat drag and drop, AngularJS

【发布时间】：2014-03-13 03:53:14

【问题描述】：

是否有 AngularJS 的原生拖放解决方案，可以处理嵌套 ng-repeats 之间的拖放？

当前 html 的样子：

<section ng-repeat="list in lists">
    list.name 
   <article ng-repeat="user in list.users">
      user.name 
   </article>
</section>

我想要实现的是我可以将用户移动到其他列表。

我不想将 jQuery UI 添加为仅用于拖放的依赖项。

【参考方案1】：

我也遇到了同样的问题，也想使用原生 HTML5。由于找不到任何东西，我最终不得不构建自己的库，请查看结果：

http://marceljuenemann.github.io/angular-drag-and-drop-lists/demo/#/nested

【参考方案2】：

Angular 中没有原生拖放功能，但看看这个很棒的指令

http://codef0rmer.github.io/angular-dragdrop/#/

查看示例，希望对您有所帮助

【参考方案3】：

Angular-NestedSortable 对于这种情况真的很有用。