首页 > 代码库 > ionicModal中的监听事件
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
ionicModal中的监听事件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。