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

Question

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

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

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

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

score 1 · Accepted Answer

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

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

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

1 回答 1