拖动结束后,ngDraggable避免ng-click

时间:2015-09-18 18:13:31

标签: angularjs draggable angularjs-ng-click

我点击了ng-drag元素,当我开始移动元素时,一切正常,但是当我停止它时,该元素激活我的ng-click,我怎么能避免NG-点击?

<div ng-click="unselectImage(image);" ng-drag="true" ng-drag-data="'multipleItems'" ng-center-anchor="true" data-allow-transform="false" ng-drag-success="selectImage(image);"></div>

我正在使用ngDraggable。我试图使用ng-drag-success但没有成功。

1 个答案:

答案 0 :(得分:4)

我做了一个指令(alClick),它只是ng-click但是如果按下持续时间超过750毫秒,则取消任何点击。因此,拖动或滑动时不会触发任何点击或点击事件。

<div al-click="unselectImage(image);" ng-drag="true" ng-drag-data="'multipleItems'" ng-center-anchor="true" data-allow-transform="false" ng-drag-success="selectImage(image);"></div>