如果 dnd-list 是空数组，则 angular-drag-and-drop-lists 放置区将不起作用答案

【问题标题】：angular-drag-and-drop-lists drop zone won't work if the dnd-list is an empty array如果 dnd-list 是空数组，则 angular-drag-and-drop-lists 放置区将不起作用
【发布时间】：2016-09-13 01:56:04
【问题描述】：

在我的场景中，放置区最初是空的，所以我为 dnd-list 创建了一个空数组。然后我注意到 angular-drag-and-drop-lists 不起作用 - 也没有调用拖放回调。

我创建了一个 plunker 来演示这个：

http://plnkr.co/edit/uMoA2bk1UB8gJVal6UAb?p=preview

在您打开 scripts.js 并将数组更改为包含某些内容（例如，一个空对象）之前，它不会起作用。这是预期的行为，还是缺陷？

// This won't work
$scope.selectedProducts = [];
// The following line works
// $scope.selectedProducts = [{}];

【问题讨论】：

标签： angularjs drag-and-drop angulardraganddroplists

【解决方案1】：

我将其发布到 GitHub 并在那里得到了答案。基本上我需要确保dropzone的高度和宽度都大于0。

我相应地更新了 plunker 中的 css 并使其工作。

/* Newly added to make sure the empty dropzone is available for drop */
ul {
  height: 36px;
}

【讨论】：

这个！谢谢你。它解决了我的问题。如果放置元素的高度小于被拖入其中的元素，则放置失败，没有任何控制台错误