Ограничение области перетаскивания в списке углового перетаскивания

Question

Я использую angular drag drop list library для перетаскивания элементов в списке. В настоящее время я вижу, что элемент перетаскивается по всему телу страницы. Как ограничить область перетаскивания только определенной областью, а не повсюду. Я проверил их API, но я не вижу для этого никакого варианта.

Answer 1

В примере plunker вы не можете перетащить повсюду, только на HTML элемент с dnd-draggable

<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>