ionicModal中的监听事件

//添加监听事件
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

转载于:https://www.cnblogs.com/kuangliu/p/4119309.html

发布了0 篇原创文章 · 获赞 10 · 访问量 5万+
展开阅读全文
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览