angularjs - 防止在 Angular UI 树中拖动

Question

是否有可能阻止用户拖动 Angular UI Tree 节点？有一个选项“nodrop”，它可以工作，但我也想防止拖动。

   <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

您可以使用data-drag-enabled默认为 true 的指令。有关更多详细信息，请查看文档： 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>

Answer 2

事实证明它可以被禁用，但只能从其 .js 文件内部

角-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;
...

这是选项：$scope.dragEnabled

UPD 我发现在data-nodrop-旁边有一个用于该选项的开关data-nodrag，但是它不起作用。