如何停止或阻止在角度中向左或向右滑动?

时间:2015-09-14 16:22:54

标签: javascript angularjs cordova ionic-framework

你能不能告诉我如何停止左右滑动事件。实际上我做了一个简单的幻灯片菜单演示实际上幻灯片菜单显示在我的演示中。当我向右滑动时它会打开。我不想这样做。当用户使用向左或向右滑动时,我不想打开幻灯片菜单。只有当用户使用左上角图标(菜单图标)时才会打开)并隐藏使用相同的图标。换句话说,用户使用左上角图标切换幻灯片菜单。当用户向左和向右滑动时,不想显示幻灯片菜单。

这是我的代码  http://run.plnkr.co/taSxxNDMgBcJFP5A/#/app/playlists

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <link href="http://code.ionicframework.com/1.0.0/css/ionic.min.css" rel="stylesheet">
 <script src="http://code.ionicframework.com/nightly/js/ionic.bundle.js"></script>


    <script src="controller.js"></script>
     <script src="app.js"></script>
  </head>

    <body ng-app="starter">
    <ion-nav-view></ion-nav-view>

  </body>

</html>

1 个答案:

答案 0 :(得分:1)

.controller('AppCtrl', function($scope, $ionicModal, $timeout,$ionicSideMenuDelegate) {
  $scope.$on('$ionicView.enter', function(){
    $ionicSideMenuDelegate.canDragContent(false);
  });

  $scope.$on('$ionicView.leave', function(){
    $ionicSideMenuDelegate.canDragContent(true);
  });
  ......
});

加入$ionicSideMenuDelegate并倾听事件:$ionicView.enter$ionicView.leave

相关问题