限制角度拖拽下拉列表中的拖拽区域

Question

我使用angular drag drop list library来拖放列表中的项目。目前我看到该项目在整个页面中都是可拖动的。如何将拖动区域限制为仅特定区域，而不是所有区域。我检查了他们的API，但我没有看到任何选项。

Answer 1

在柱塞示例中，您不能拖放到任何地方，只能拖放到带有dnd-draggable的html元素上

<ul dnd-list="list">
    <!-- The dnd-draggable directive makes an element draggable and will
         transfer the object that was assigned to it. If an element was
         dragged away, you have to remove it from the original list
         yourself using the dnd-moved attribute -->
    <li ng-repeat="item in list"
        dnd-draggable="item"
        dnd-moved="list.splice($index, 1)"
        dnd-effect-allowed="move"
        dnd-selected="models.selected = item"
        ng-class="{'selected': models.selected === item}"
        >
        {{item.label}}
    </li>
</ul>