AngularJS Angular-dragdrop嵌套問題

Question

使用角度拖動指令：嵌套樹結構存在問題：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