我正在使用angular-dragdrop将图像从一个移动div
到另一个div
. 由于每个 div 都有自己的$scope
列表,所以当我将一个元素从一个列表拖放到另一个列表时,接收该项目的列表会更新。
但是,当我将一个项目放入可放置区域时,它会转到左上角。它不会停留在我掉下的地方
这是我的html
可拖动
<div class="sand-image" ng-repeat="item in filtered = (products | filter: {cat : config.category.id}:true) |
itemsPerPage: pageSize"
current-page="currentPage"
data-drag="true"
data-jqyoui-options="{revert: 'invalid', helper: 'clone'}"
ng-model="products"
jqyoui-draggable="{index:$index,applyFilter:'{{getIndex(item)}}',
placeholder: 'keep',deepCopy :true}"
></div>
可丢弃
<div class="wrap" id="sand-ground"
data-drop="true"
ng-model='box'
jqyoui-droppable="{multiple:true, deepCopy:true ,onOver :'stop',containment :'position'}" >
<!-- item html -->
<div class="draggable" ng-repeat="item in box track by $index" resizable ><img src="{{item.url}}" ></div>
第二个列表( dropable )中的项目有一个指令( resizable )来为项目设置一些信息。
如何使掉落的物品保持在掉落的位置?