Angular-ui-tree在拖放时将节点保持在其级别

Question

如何防止子节点成为顶级节点，同时防止父节点被其他父节点丢弃。我希望允许重新排列子节点和父节点，但只允许它们在当前级别上删除。

Answer 1

这可以通过向对应于项目级别的ui-tree-node元素添加一个数据类型属性来完成。然后，通过检查树中节点的级别，选项接受回调。

在视图中...

<li ng-repeat="i in items" ui-tree-node data-type="top-level">
</li>

用代码..。

        $scope.treeOptions = {
            accept: function(sourceNodeScope, destNodesScope, destIndex) {

                var source = sourceNodeScope.$element.attr('data-type');
                var dest = destNodesScope.$element.attr('data-type');

                if (source == 'child' && dest == 'top-level'){
                    //allow child nodes to be placed under top-level nodes
                    return true;
                }else{
                    return false;
                }
            }
        };