Question

我是Ionic的新手，想要识别div上的滑动手势，但如果我正在尝试查看类似这样的内容，则无法在浏览器，模拟器或设备中使用

<ion-view title="Charts - days">
  <ion-content class="padding">
    <h1>dede</h1>
      <div class="row" on-touch="alert('right');">
          <div class="col" on-touch="alert('right');" style="background-color: red;">.col</div>
      </div>
      <button on-touch="alert('touch');" class="button">Test</button>

  </ion-content>
</ion-view>

我该如何解决？

感谢您的任何建议。

Answer 1

我通过将动作移动到控制器来解决这个问题。您可以看到CodePen here。

<ion-view title="Charts - days">
  <ion-content class="padding">
    <h1>dede</h1>
      <div class="row" on-touch="myAlert()">
          <div class="col" on-touch="myAlert()" style="background-color: red;">.col</div>
      </div>
      <button on-touch="myAlert()" class="button">Test</button>    
  </ion-content>
</ion-view>

在随附的javaScript文件中......

angular.module('ionicApp', ['ionic'])
.controller('AppCtrl', function($scope,$window) {
  $scope.myAlert = function()
  {
    $window.alert('right');
  }  
});

请注意，不需要注入$ window，但它确实使单元测试变得更容易。

无法识别离子滑动手势

1 个答案: