这是在测试的代码

​x
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title>菜鸟教程(runcodex.com)</title>
    <link href="//www.runcodex.com/static/ionic/css/ionic.min.css" rel="stylesheet">
    <script src="https://www.runcodex.com/static/ionic/js/ionic.bundle.min.js"></script>
    <script type="text/javascript">
    angular.module('starter', ['ionic'])
​
    .run(function($ionicPlatform) {
      $ionicPlatform.ready(function() {
        // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
        // for form inputs)
        if(window.cordova && window.cordova.plugins.Keyboard) {
          cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        }
        if(window.StatusBar) {
          StatusBar.styleDefault();
        }
      });
    })
​
    .controller( 'actionsheetCtl',['$scope','$ionicGesture',function($scope,$ionicGesture){
​
        $scope.onTap=function(){
            alert('on-tap')
        }
        
        var el = document.querySelector(“#button”);
        $ionicGesture.on("top" , function(){
            alert('jianting')
        },angular.element(el))
​
​
    }])
    </script>
  </head>
    <body ng-app="starter" ng-controller="actionsheetCtl" >
        <button on-tap="onTap()" class="button">轻击我</button>
    </body>
</html>
HTML