无法在 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 似乎正在覆盖 "draggable attributes"。我使用 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);
};