ngDraggable使用心得

ngDraggable可以实现元素的拖动，只需要在元素上加入指令ng-drag="true" ng-drag-data="xxx",既可以将数据xxx连同元素一起拖动到其他元素节点上，可以接收元素的节点需要加入指令ng-drop="true" ng-drop-success="function($data,$event,...)",但是使用的时候会出现以下一些问题问题，

1.要拖动的元素无法拖动，但是审查元素时候发现matrix3d函数的值却在变动，经过检查发现，要拖动的元素的display属性必须为block，有时候有些模版会修改display属性，这时候就需要我们注意，手动地将这些地方的display属性置为block；

2.要拖动的元素拖到某一个div边界块之后就消失了，但是拖出去依然有动作效果，出现这种情况，并不是因为z-index的值过低（事实上拖动之前已经被设置为99999了），而是因为要拖动的元素的某一个父元素设置了overflow属性，无论设置成auto，hidden或者是scroll，都会引起这种现象的发生，因此必须将此属性设置为inherit，继承父元素的该属性。

3.拖动时候有时候会触发多个ng-drop-success的事件，此时需要用到传入的$event事件来区分，或者根据传入的$data参数的类型（或者具体的值）来区分响应哪个事件。

转载于:https://www.cnblogs.com/macrow/p/5793541.html