AngularJS角度拖放嵌套问题

Question

使用angular-dragdrop指令的嵌套树形结构有问题：https://github.com/codef0rmer/angular-dragdrop。我想知道是否有人使用过这个指令，并让它与嵌套结构一起工作。

下面是我所拥有的: HTML：

<span ng-if="rootFolder.expanded" class="glyphicon glyphicon-folder-open hoverable" ng-click="rootFolder.expanded = false"></span>
<span ng-if="!rootFolder.expanded" class="glyphicon glyphicon-folder-close hoverable" ng-click="myShoebox.expanded = true"></span>
<a class="hoverable" ng-click="openEntity(rootFolder)">{{rootFolder.title}}</a>
<ul class="file-system-list file-system-list-first" ng-show="rootFolder.expanded" ng-model='myShoebox.folders' jqyoui-droppable="{multiple:true, onDrop: 'moveFolder(rootFolder)',index: {{$index}}}" data-drop="true">
    <li ng-repeat="folder in rootFolder.folders"data-drag="true" data-jqyoui-options="{revert: 'invalid'}" ng-model="rootFolder.folders" jqyoui-draggable="{animate:true, onStart:'dragFolder(folder)'}" ng-include="'file_system_renderer.html'"></li>
</ul>
<script type="text/ng-template" id="file_system_renderer.html">
    <span ng-if="folder.expanded" class="glyphicon glyphicon-folder-open hoverable" ng-click="folder.expanded = false"></span>
    <span ng-if="!folder.expanded" class="glyphicon glyphicon-folder-close hoverable" ng-click="getChildren(folder)"></span>
    <a class="hoverable" ng-click="openEntity(folder)">{{folder.title}}</a>
    <ul class="file-system-list" ng-show="folder.expanded" data-drop="true" ng-model='folder.folders' jqyoui-droppable="{multiple:true, onDrop: 'moveFolder(folder)',index: {{$index}}}">
        <li ng-repeat="folder in folder.folders" ng-show="folder.title" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" ng-model="folder.folders" jqyoui-draggable="{animate:true, onStart:'dragFolder(folder)'}" ng-include="'file_system_renderer.html'"></li>
    </ul>
</script>

Javscript：

$scope.rootFolder = {"folders":[{"title":"fake`enter code here`","folders":[]},{"title":"fake 2","folders":[]}]}

该rootFolder对象具有无限嵌套的能力。我似乎根本不能将文件夹拖放到其他文件夹中。有什么想法吗？

Answer 1

有类似的问题，并找到了angular-ui-tree。尽管我最终还是编写了自己的代码，因为我想使用HTML5拖放API：angular-drag-and-drop-lists