2015-05-04 17 views
15

में आईओएस प्लेटफार्म के स्वाइप प्रभाव को अक्षम करने के लिए मैं आयनिक के लिए नया हूं। मैं आयनिक खाली टेम्पलेट का उपयोग कर एक फोनगैप ऐप बना रहा हूं। जब मैं अपने ऐप के दूसरे पृष्ठ पर बाएं से दाएं स्वाइप करता हूं तो एक ब्लैक स्क्रीन दिखाई देती है। मुझे नहीं पता कि यह कहां से आता है। मैं पिछले पृष्ठ पर वापस नहीं जा सकता। मुझे इस मुद्दे को हल करने के लिए ऐप को मारने की जरूरत है। के बाद से पहले और कड़ी चोट के बाद कोड हैं:आयनिक

से पहले:

<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 मॉड्यूल के config में कोड की निम्न पंक्ति का उपयोग करें:

$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

: रन कोड में इस कोड को अंतिम पंक्ति के रूप में जोड़ें। यदि लाइन को पहली पंक्ति के रूप में जोड़ा गया था तो मुझे रन फ़ंक्शन के शेष कोड में समस्याएं आ रही थीं। –