使用angular.treeview和角ui排序将子节点拖放到父节点

Question

嗨，我是新来的angularjs和Im，使用此treeview指令angular.treeview与角-uiui可排序指令相匹配。

因此，我修改了angular.treeview.js，并将ui可排序标记添加到<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>';

小提琴样本：http://jsfiddle.net/zg3f9/1/

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

Answer 1

为什么不使用一个已经支持这个功能的库呢？例如角用户界面树，或者，如果您想使用HTML5拖放API，则使用角拖放表

Answer 2

我的例子：http://codepen.io/Yizhu/pen/EPLxEW

​

scope.sortableOptions = {
  connectWith: ".apps-container",
  update: function(event, ui) {			
    var index = ui.item.sortable.index;
    var dropindex = ui.item.sortable.dropindex;
    var dropTargetModel = ui.item.sortable.droptargetModel;
    var dragModel = ui.item.sortable.model;	
    
  }
};

​