2015-05-04 1 views
15

deaktivieren Ich bin neu in Ionic. Ich erstelle eine Phonegap-App mit einer ionischen leeren Vorlage. Wenn ich auf der zweiten Seite meiner App von links nach rechts wische, erscheint ein schwarzer Bildschirm. Ich weiß nicht woher es kommt. Ich kann nicht zur vorherigen Seite zurückkehren. Ich muss die App töten, um dieses Problem zu lösen. Im Folgenden sind Code vor und nach dem Streichen:wie Swipe-Effekt der IOS-Plattform in ionischen

vor:

<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> 

nach:

<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> 

Dieses Problem scheint nur in ios.

weiß jemand wie dieses Problem kommt?

Antwort

31

Nach dem Ionic forum benutzen Sie einfach die folgende Codezeile in der config Ihres AngularJS Modul:

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

Dies funktioniert gut für mich –

4

ich Code unten in app.js Datei geschrieben.

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

    $ionicConfigProvider.views.swipeBackEnabled(false); 

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

In der neuesten Version von ionischen können Sie auch die Swipe deaktivieren zurückgehen Funktion ist nur für bestimmte Ansichten mithilfe von dosen Swipe-back = „false“ auf Ionen Ansicht.

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

immer die Version in Ihrer Antwort enthalten, auch wenn es die aktuelle neueste ist. Ich weiß nicht, auf welche Version du dich beziehst. – mxmlc

1

Bei obigen Code funktioniert nicht: in der run Funktion können Sie hinzufügen:

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

für Informationen: Fügen Sie diesen Code als letzte Zeile in der Lauffunktion hinzu. Ich hatte Probleme im Rest des Codes der Lauffunktion, wenn diese Zeile als erste Zeile hinzugefügt wurde. –

Verwandte Themen