आयनिक 2 बैक बटन एक्शन को कस्टमाइज़ करें

Question

मैं इस स्क्रीन कैप्चर में उल्लिखित बैक बटन की क्लिक-एक्शन को कस्टमाइज़ करना चाहता हूं। मैं चाहता हूं कि क्लिक करके मैं पिछले पृष्ठ पर वापस नहीं आऊंगा लेकिन एक पृष्ठ पर जिसे मैं स्वयं निर्दिष्ट करता हूं, या वापस जाने से पहले एक इलाज करता हूं।

Answer 1

आप ionViewCanLeave or ionViewWillLeave घटना इस्तेमाल करने की कोशिश कर सकते हैं।

यह issue #9533 देखें "पीछे" नेविगेशन के लिए छुट्टी घटनाओं को अलग करने के प्रस्ताव के साथ। लागू होने के बाद यह आपके उपयोग के मामले के लिए आसान हो सकता है।

Answer 2

अनुकूलित डिफ़ॉल्ट वापस बटन कार्रवाई के लिए आप backButtonClick() NavBar घटक के विधि ओवरराइड की जरूरत है।

चरण 1: अपने "कस्टम class.ts" आयात नेवबार घटक में। डिफ़ॉल्ट व्यवहार को ओवरराइड करने के लिए auxMethod बनाएं और अपनी ionViewDidLoad विधि में कॉल करें।

import { Navbar } from 'ionic-angular'; 
import { ViewChild } from '@angular/core'; 

export class myCustomClass { 
    @ViewChild(Navbar) navBar: Navbar; 

    ionViewDidLoad() { 
     this.setBackButtonAction() 
    } 

    //Method to override the default back button action 
    setBackButtonAction(){ 
     this.navBar.backButtonClick =() => { 
     //Write here wherever you wanna do 
      this.navCtrl.pop() 
     } 
    } 
} 

इस कोड आयनिक 3.