我在 ng-repeat 中有一个元素列表,其中元素是可点击和可拖动的:如果我点击我显示,如果我拖动......我拖动元素。
拖动时,我显示一个带有要拖动的元素数量的圆圈。
我的问题是单击时,会显示拖动圆圈。而我只想单击而不是拖动。
有没有办法在点击时设置为 2s,比如长按动作(用鼠标)来区分点击和拖动动作?
它与这篇文章类似,但现在我想防止在单击时拖动(以 Angular 方式)。
这里有一些标记:
<div class="docs-manager-doc box-container" ng-class="{'showActions':doc.showActions}">
<a class="box-square" ng-href ng-click="docsManager.toggleDocumentSelection(doc)">
<span class="flaticon-dark"
ng-class="{ 'flaticon-video-embed':(!doc.selected && doc.ref && doc.targetType==='EMBEDDED_VIDEO'),
'flaticon-{{doc.label | docExtMap}}':!doc.selected && !doc.ref,
'flaticon-tick':doc.selected }" ibp-prevent-drag>
</span>
</a>
<a ng-drag="true" ng-drag-data="doc" ng-drag-success="onDragComplete($data)" ng-drag-begin="onDragStart($data)" ng-drag-stop-move="onDragStop($data, $event)">
<span class="box-drag">
<span class="dragging" ng-show="iamdragging" >
<span class="flaticon-dark flaticon-small">
<p class="flaticon-default-doc">{{docsManager.documents.selected.length}}</p>
</span>
</span>
</span>
</a>
</div>
我正在使用ngDraggable指令。
如果有帮助,这里有一些代码:
.controller('DocumentsManagerCtrl', ['...',
function(...) {
$scope.iamdragging = false;
$scope.onDragStop = function(data, event){
$scope.iamdragging = false;
};
$scope.onDragStart = function(data){
if(!data.selected){
$scope.docsManager.toggleDocumentSelection(data);
}
$scope.iamdragging = true;
};
$scope.onDragComplete = function(){
// do something
};
拥有像 ng-click-or-drag 这样的指令可能会很好,当点击超过 2 秒时,它被解释为拖动。