//添加监听事件
angular.module('MyApp').directive('gotTapped', ['$ionicGesture', function($ionicGesture) {

    return {

        restrict: 'A',

        link: function($scope, $element, $attr) {

            $ionicGesture.on('tap', function(e) {

                console.log('I got Tapped!')

            }, $element);

        }

    }

}])
<div got-tapped>Tap Me!</div>
//选择元素

document.querySelector();

栗子：

 <body ng-controller="MyCtrl" class="padding">

    <div class="bar bar-header bar-positive">

      <h1 class="title">{{lastEventCalled}}</h1>

    </div>

    <ion-content id="eventPlaceholder" has-bouncing="false"></ion-content>

  </body>
angular.module('ionicApp', ['ionic'])

.controller('MyCtrl', function($scope, $ionicGesture, $window, $interval) {

  $scope.lastEventCalled = 'Try to Drag the content up, down, left or rigth';

  var element = angular.element(document.querySelector('#eventPlaceholder'));

  var events = [{

    event: 'dragup',

    text: 'You dragged me UP!'

  },{

    event: 'dragdown',

    text: 'You dragged me Down!'

  },{

    event: 'dragleft',

    text: 'You dragged me Left!'

  },{

    event: 'dragright',

    text: 'You dragged me Right!'

  }];

  angular.forEach(events, function(obj){

    $ionicGesture.on(obj.event, function (event) {

      $scope.$apply(function () {

        $scope.lastEventCalled = obj.text;

      });

    }, element);

  });

});

参考：http://codepen.io/shprink/pen/txliu/?editors=101

ionicModal中的监听事件的更多相关文章

  1. EditText中onEditorAction监听事件执行两次

    Android的EditText通过setOnEditorActionListener给文本编辑框设置监听事件,但是在其处理方法onEditorAction中的逻辑在每次回车后都触发了两次, 原来是在 ...

  2. java中的监听事件

    java监听器实现的类 1.ServletContextListener:对servlet上下文的创建和销毁监听 2.ServletContextAttributeListener:监听servlet ...

  3. js中的监听事件总结

    javascript事件与功能说明大全:http://tools.jb51.net/table/javascript_event 1.滚动条监听事件 例1:监听滚动条距离页面顶端距离 <scri ...

  4. EventTrigger动态添加监听事件

    在 Unity3D 中,通过拖拽的方式在 EventTrigger 组件中添加监听事件就不多说了,很简单.这里主要说的是通过代码动态往 EventTrigger 组件中添加监听事件,有个很坑的地方,就 ...

  5. vue v-on监听事件

    在html或jsp页面中我们总能碰到监听DOM事件来触发javaScript代码,下面我们就简单聊聊Vue.js中的监听事件是怎么处理的. 在vue.js中监听事件是通过v-on指令来实现的,先看一下 ...

  6. Android中Button的五种监听事件

    简单聊一下Android中Button的五种监听事件: 1.在布局文件中为button添加onClick属性,Activity实现其方法2.匿名内部类作为事件监听器类3.内部类作为监听器4.Activ ...

  7. Vue 为什么在 HTML 中监听事件?

    为什么在 HTML 中监听事件? 你可能注意到这种事件监听的方式违背了关注点分离(separation of concern)传统理念.不必担心,因为所有的 Vue.js 事件处理方法和表达式都严格绑 ...

  8. jquery中，使用append增加元素时，该元素的绑定监听事件失效

    举例:如果在一个<div id="resultArea"></div>中,通过append添加一个id="checkOutTip"的文本 ...

  9. jquery中，使用append增加新元素时，新增元素的绑定监听事件失效的解决办法

    $("outerSelector").on("eventType","innerSelector",function(){}); 举例:如果 ...

随机推荐

  1. (转)jQuery轻量级响应式图片轮播插件ResponsiveSlides.js(仅1kb)也可以做纯文本轮播

    ResponsiveSlides.js是一个展示同一容器内图片的轻量级响应式jQuery幻灯片插件(tiny responsive slideshow jQuery plugin).它支持包括IE6在 ...

  2. hdu4717The Moving Points(三分）

    链接 需要特判一下n=1的时候 精度调太低会超时 #include <iostream> #include<cstdio> #include<cstring> #i ...

  3. 【转载】Linux系统，设置Oracle开机启动，待整理

    http://www.cnblogs.com/mophee/archive/2013/06/03/3115805.html

  4. Maven最佳实践：划分模块

    http://juvenshun.iteye.com/blog/305865 ************************************* "分天下为三十六郡,郡置守,尉,监& ...

  5. java集合和scala集合互转

    使用 scala.collection.JavaConverters 与Java集合交互.它有一系列的隐式转换,添加了asJava和asScala的转换方法.使用它们这些方法确保转换是显式的,有助于阅 ...

  6. Sqlserver_判断该路径是否存在该文件

    declare @result int =0declare @path nvarchar(200)='d:\1.csv'execute master.dbo.xp_fileexist @path ,@ ...

  7. git tag之后如何修改

    先 git clone 整个仓库,然后 git checkout tag_name 就可以取得 tag 对应的代码了. 但是这时候 git 可能会提示你当前处于一个“detached HEAD&quo ...

  8. Unity3D WebCamTexture 调用外部摄像头

    http://www.itnose.net/detail/6259004.html 一:Unity 中使用WebCamTexture 调用摄像头实现拍照和摄像. using UnityEngine; ...

  9. Android 应用开发耗电量控制。。

    当程序启动手机越多的模块,那耗电就越快 当你的程序运行时只占用CPU的时候,这时候耗电量是最少的. 当然这时候如果cpu的运行速度很慢那是最好的.. 程序耗电量控制首要从下面3个方面抓起: 1.频繁的 ...

  10. css3制作滚动按钮

    1,中间圆点用到css3的gradient属性 2,运动用到css3的transition属性 3,需要写各个浏览器的兼容 代码如下 <!DOCTYPE html> <html la ...