Prevent Ziehen in Angular UI Baum

Question

ist es eine Möglichkeit, Benutzer-Schleppen von Angular UI Baumknoten zu verhindern? Es gibt eine Option "nodrop" und es funktioniert, aber ich möchte auch das Ziehen verhindern.

<div ui-tree id="tree-root" data-drop-enabled="false"> 
    <ol ui-tree-nodes ng-model="org.data"> 
     <li ng-repeat="node in org.data" ui-tree-node ng-include="'mnuRenderer.html'"></li> 
    </ol> 
    </div> 

Answer 1

Es stellt sich heraus, dass es nur deaktiviert werden kann, sondern von der Innenseite seiner Js

Winkel-ui-Tree.js

... 
angular.module('ui.tree') 

    .controller('TreeController', ['$scope', '$element', 
     function ($scope, $element) { 
     this.scope = $scope; 

     $scope.$element = $element; 
     $scope.$nodesScope = null; // root nodes 
     $scope.$type = 'uiTree'; 
     $scope.$emptyElm = null; 
     $scope.$callbacks = null; 

     $scope.dragEnabled = false; 
     $scope.emptyPlaceholderEnabled = true; 
     $scope.maxDepth = 0; 
     $scope.dragDelay = 0; 
     $scope.cloneEnabled = false; 
     $scope.nodropEnabled = false; 
... 

Hier Datei ist die Option: $scope.dragEnabled

UPD Ich habe herausgefunden, dass es einen Schalter für diese Option nebengibt- data-nodrag, aber es funktioniert nicht.

Answer 2

können Sie die data-drag-enabled Direktive verwenden, die standardmäßig der Fall ist. Weitere Details finden Sie in der Dokumentation: https://github.com/angular-ui-tree/angular-ui-tree#data-drag-enabled

<div ui-tree id="tree-root" data-drop-enabled="false" data-drag-enabled="false" > 
    <ol ui-tree-nodes ng-model="org.data"> 
     <li ng-repeat="node in org.data" ui-tree-node ng-include="'mnuRenderer.html'"></li> 
    </ol> 
    </div>