각 드래그 드롭 목록의 드래그 영역 제한

Question

목록의 항목을 드래그/드롭하기 위해 angular drag drop list library을 사용하고 있습니다. 현재 항목이 페이지 본문 전체에서 드래그 가능합니다. 끌기 영역을 모든 영역이 아닌 특정 영역에만 어떻게 제한 할 수 있습니까? 나는 그들의 API를 확인했지만 그것에 대한 어떤 옵션도 보이지 않는다.

plunker의 예에서

Answer 1

드래그 앤 만 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>