我使用 ngTouch Module 为触摸设备实现了一些东西。“开始”工作正常。但是,如果我将对象拖出第一个放置区域,则不会显示“移动”情况下的 console.log()。在第一个放置区域内“移动”有效。
HTML:
<div class="drop-zone" ng-trop="true">
<my-directive ng-drag="true" ng-drag-data="myObject" on-drag="myMethod()"></my-directive>
</div>
<div class="drop-zone" ng-trop="true"></div>
指示:
angular.module('myApp')
.directive('myDirective', ['$swipe',
function($swipe) {
return {
restrict: 'EA',
scope: {
onDrag: '&'
},
link: function(scope, ele, attrs, ctrl) {
$swipe.bind(ele, {
'start': function(coords) {
scope.onDrag();
},
'move': function(coords) {
console.log("IS MOVING");
}
}
}
}]);
也许您对我的用例感兴趣:如果用户拖动页面底部的对象,我希望窗口自动滚动。拖放是通过 ngDraggable ( https://github.com/fatlinesofcode/ngDraggable ) 解决的,也许有一些替代方案。有任何想法吗?