不能在 Angular Dashboard Framework 小部件中使用“可拖动”答案

【问题标题】：Can't use "draggable" inside an Angular Dashboard Framework Widget不能在 Angular Dashboard Framework 小部件中使用“可拖动”
【发布时间】：2017-07-22 02:12:38
【问题描述】：

我正在尝试在 adf-widget 中使用可拖动元素，但似乎 draggable="true" 在 adf-widgets 中被忽略了。

我尝试了最简单的方法来测试 draggable="true" 是否有效：

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

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

【问题讨论】：

您是否使用任何库进行拖放？
暂时没有。我发现，使用 javascript 可以拖动元素，例如：'document.getElementById('id').setAttribute('draggable', true);' ...我不明白为什么 draggable="true" 是不工作...
我认为 adf 正在覆盖可拖动属性。如果我查看浏览器代码检查器，可拖动属性未设置为 false 或 true.. 使用 javascript 设置后为 true.. 有没有办法强制“true”并使其不可覆盖？

标签： javascript angularjs html dashboard

【解决方案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);
};

【讨论】：