当我拖出div时,拖放是隐藏的

时间:2016-08-16 13:04:08

标签: jquery html css angularjs twitter-bootstrap

我正在使用ng-draggablemalihu custom scroll bar,当我拖出div时,我再也看不到了它,但它确实正确地落入了另一个div。我希望能够看到 div,因为我拖动到另一个div

我创建了一个带有问题的Plunker:

https://plnkr.co/edit/GBnZCWORRc6lpTaGXd17?p=preview

1 个答案:

答案 0 :(得分:0)

库ng-draggable包含ng-drag-clone,可用于克隆要拖动的div。我还包括ng-drag-start来传递被拖动的div的数据。

ng-drag-clone:
  <div ng-drag-clone="" class="droppable-list">
 {{vm.clonedData.name}}
 </div>

ng-drag-start:
  <div class="droppable-list"  ng-drag="true" ng-drag-data="d" 
  ng-drag-start="vm.onDragStart($data, $event)" 
  ng-drag-success="vm.onDatabaseDragCompleteSelection($data,$event)">
 {{d.name}}
 </div>

Controller:
  vm.onDragStart = function(data){
     vm.clonedData = data;
   }

这是一个更新的Plunker: https://plnkr.co/edit/YTi0PK0VzvMC5OK1trRI?p=preview