हार्डवेयर वापस बटन टैब पर एप्लिकेशन आयोनिक 3 सक्षम ऐप

Question

उपयोगकर्ता my profile पृष्ठ (या टैब) को छूता है, तो उपयोगकर्ता तो प्रवेश न होने पर यह login page से पता चलता के रूप में login page जहां यह header back button और यह है below.On दिखाया बंद कर देता है ठीक काम कर रहा है (आप नीचे दिए गए कोड को देख सकते हैं)। जब उपयोगकर्ता hardware back button on Android device हिट करता है तो मुझे वही कार्यक्षमता चाहिए। लेकिन यह ऐप बंद कर देता है। क्या आप मुझे बता सकते हैं कि इस समस्या को कैसे हल किया जाए? अगर आपको अधिक जानकारी चाहिए तो कृपया मुझे बताएं।

मेरी-profile.ts

constructor(public navCtrl: NavController, public app: App, public userService: UserService 
     ) { 
     if (!this.userService.userDetails) { 
      this.app.getRootNav().setRoot('Login', { profile: true }); 
      return; 
     } 
    } 

login.ts

constructor(public navCtrl: NavController, public navParams: NavParams) { 
     this.profile = this.navParams.data.profile; 
    } 

    back() { 
     if (this.profile) {//not logged in user 
      this.navCtrl.setRoot('TabsPage'); 
     } 
    } 

login.html

<ion-header> 
    <ion-navbar> 
    <ion-buttons left> 
     <button ion-button *ngIf="profile" (click)="back()" tappable><ion-icon name="arrow-back"></ion-icon></button> 
    </ion-buttons> 
    <ion-title>login</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content padding> 

</ion-content> 

Answer 1

आप मंच का उपयोग कर सकते registerBackButtonAction() उपयोगकर्ता को मूल बैक बटन दबाते समय संभालने की विधि।

import { Platform } from 'ionic-native'; 
... 
constructor(public platform: Platform){ 

    platform.registerBackButtonAction(() => { 
    if (navCtrl.canGoBack()) { // CHECK IF THE USER IS IN THE ROOT PAGE. 
     navCtrl.pop(); // IF IT'S NOT THE ROOT, POP A PAGE. 
    } else { 
     platform.exitApp(); // IF IT'S THE ROOT, EXIT THE APP. 
    } 
    }); 

} 

लेकिन मामला यहाँ है कि आप जड़ों स्थापित कर रहे हैं और आगे बढ़ाने नहीं पृष्ठों है, इसलिए इस जब जड़ पेज में आयोनिक के सामान्य व्यवहार है, और वहाँ के लिए, एप्लिकेशन बंद हो पॉप कुछ भी नहीं है।

इस मामले आप अपने login.ts पर कुछ इस तरह कर सकते हैं में

platform.registerBackButtonAction(() => { 
    this.back(); 
}); 

इसलिए हर बार उपयोगकर्ता प्रवेश पृष्ठ में है और हार्डवेयर वापस बटन दबाता यह बस अपने back() विधि कॉल कि हूँ रूट को दूसरे पृष्ठ पर सेट करें।

उम्मीद है कि इससे मदद मिलती है।