1

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

4

0 に答える 0