javascript - div上的 ionic 滑动，如何触发？

Question

您好，我尝试使用 Ionic 框架在 div 上识别向左/向右滑动和触摸手势:

文档:

http://ionicframework.com/docs/api/directive/onSwipeLeft/

代码:

<div class="row" on-swipe-left="alert('right');">
          <div class="col" style="background-color: red;">.col</div>
</div>

但这行不通。

我如何轻松识别给定元素上的滑动？

感谢您的帮助。

Answer 1

您正确使用了事件指令。问题是这些指令需要一个表达式作为它们的输入。 $parse 函数用于将该表达式转换为函数。 https://docs.angularjs.org/api/ng/service/ $解析

简而言之。它只会在您的范围内执行功能。有关简短示例，请参阅此代码笔。

http://codepen.io/wedgybo/pen/sgKEb

<div ng-controller="SwipeCtrl" class="row" on-swipe-left="alert('right');">
      <div class="col" style="background-color: red;">.col</div>
</div>



angular.controller('SwipeCtrl', function ($scope) {
    $scope.alert = function(msg) {
        alert(msg);
    }
});