离子刷上div，如何触发？

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/ $解析

简而言之。它只会执行范围内的功能。请参阅此codepen以获取一个简短示例。

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);
    }
});