2015-05-04 39 views
15

我是Ionic的新手。我正在使用离子空白模板创建一个phonegap应用程序。 当我在应用程序的第二页上从左向右滑动时,会出现黑屏。我不知道它来自哪里。我不能回到上一页。我需要杀死应用程序来解决这个问题。 以下是代码之前和之后刷卡:如何禁用IOS平台在离子状态下的刷卡效果

前:

<ion-nav-view nav-view-transition="ios" nav-view-direction="forward" class="view-container disable-user-behavior" nav-swipe=""> 
<ion-pane class="pane" nav-view="active" style="opacity: 1; box-shadow: rgba(0, 0, 0, 0) 0px 0px 10px; -webkit-transform: translate3d(0%, 0px, 0px);"> 
<form name="memberInfo" ng-submit="saveMemberInfo(data)" class="ng-pristine ng-valid"> 
...... 
</ion-pane> 
</ion-nav-view> 

后:

<ion-nav-view nav-view-transition="ios" nav-view-direction="back" class="view-container disable-user-behavior" nav-swipe=""><ion-pane class="pane" nav-view="active" style="opacity: 1; box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px; -webkit-transform: translate3d(0%, 0px, 0px); -webkit-transition: 0ms; transition: 0ms;"> 
<form name="memberInfo" ng-submit="saveMemberInfo(data)" class="ng-pristine ng-valid"> 
........ 
</ion-pane><div class="pane" nav-view="cached" style="opacity: 0.9; -webkit-transform: translate3d(-33%, 0px, 0px); -webkit-transition: 0ms; transition: 0ms;"></div></ion-nav-view> 

这个问题只出现在iOS中。

有人知道这个问题将会发生吗?

回答

31

按照Ionic forum只需使用下面的代码行中的AngularJS模块的配置:

$ionicConfigProvider.views.swipeBackEnabled(false); 
+1

这工作正常,我 –

4

我在app.js文件中写道:下面的代码。

angular.module(....) 
.config(function($stateProvider,$urlRouterProvider,$ionicConfigProvider){ 

    $ionicConfigProvider.views.swipeBackEnabled(false); 

. 
. 
. 
.//remaining code in config 
} 
10

在离子最新版本中,你也可以禁用划去使用可以刷卡,回到离子视=“假”只退功能对某些观点。

<ion-view can-swipe-back="false"></ion-view> 
+1

始终在你的答案的版本,即使是目前的最新。我不知道你指的是哪个版本。有关信息,请参阅 – mxmlc

1

在上述情况下的代码不工作:在run功能,您可以添加:

$ionicPlatform.views.swipeBackEnabled(false); 
+0

:将此代码添加为运行功能中的最后一行。如果将这行添加为第一行,那么我在运行函数代码的其余部分遇到问题。 –