不能在 Angular 仪表板框架小部件中使用"draggable"

Question

我正在尝试在ADF-Widget内使用可拖动元素，但是看来draggable="true"在ADF-Widgets内被忽略。

我尝试了最简单的方法，以测试draggable =" true"正在工作：

<div style="background-color: #000000; width: 50px; height 50px;" draggable="true">...</div>

但它不会变得可拖动。还有其他方法可以拖动元素吗？

Answer 1

似乎ADF-Wigets正在覆盖"可拖动属性"。我使用ngmouseenter和javaScript解决了此问题：

<div class="draggable-element" ng-repeat="item in itemlist" id="{{item.id}} ng-mouseenter="setDraggable(item.id)>{{item.name}}</div>

和我的控制器内部：

$scope.setDraggable = function(id){
   document.getElementById(id).setAttribute('draggable', true);
};