javascript - 使用 angular.treeview 和 angular ui-sortable 将子节点拖放到父节点

Question

嗨，我是 angularjs 的新手，我正在使用这个 treeview 指令 angular.treeview与 Angular-ui ui-sortable 指令匹配

所以我修改了 angular.treeview.js 并将 ui-sortable 标签添加到 <ul>标记使其工作:

//tree template
            var template =
                '<ul ui-sortable>' +
                    '<li data-ng-repeat="node in ' + treeModel + '">' +
                        '<i class="collapsed" data-ng-show="node.' + nodeChildren + '.length && node.collapsed" data-ng-click="' + treeId + '.selectNodeHead(node)"></i>' +
                        '<i class="expanded" data-ng-show="node.' + nodeChildren + '.length && !node.collapsed" data-ng-click="' + treeId + '.selectNodeHead(node)"></i>' +
                        '<i class="normal" data-ng-hide="node.' + nodeChildren + '.length"></i> ' +
                        '<span data-ng-class="node.selected" data-ng-click="' + treeId + '.selectNodeLabel(node)">{{node.' + nodeLabel + '}}</span>' +
                        '<div data-ng-hide="node.collapsed" data-tree-id="' + treeId + '" data-tree-model="node.' + nodeChildren + '" data-node-id=' + nodeId + ' data-node-label=' + nodeLabel + ' data-node-children=' + nodeChildren + '></div>' +
                    '</li>' +
                '</ul>';

fiddle 示例:http://jsfiddle.net/zg3f9/1/

问题是我希望子节点可以拖动到它们的父节点或其他节点。你们能帮我吗？谢谢!

Answer 1

为什么不使用已经支持它的库呢？喜欢angular-ui-tree ，或者，如果您想使用 HTML5 拖放 API，angular-drag-and-drop-lists