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/ngDruggable ) で解決されます。何か案は?