I am developing an Ionic2 app. I am confused with registerBackButtonAction
functionality.
I have done this on one page (say pageA). and it is working as expected.
this.platform.registerBackButtonAction(() => {
console.log("back presed");
this.abortDownloadAndExit();
});
Now I want to do some other action on registerBackButtonAction
on some other page (sayPageB). But Ionic is taking action from pageA
How can I register different acition on different pages.
As you can see in Ionic docs registerBackButtonAction
returns a function:
A function that, when called, will unregister its back button action. So you can use that function to restore the default behavior when leaving the page, like this:
import { Component} from '@angular/core';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
// Property used to store the callback of the event handler to unsubscribe to it when leaving this page
public unregisterBackButtonAction: any;
constructor(...) { ... }
ionViewDidEnter() {
this.initializeBackButtonCustomHandler();
}
ionViewWillLeave() {
// Unregister the custom back button action for this page
this.unregisterBackButtonAction && this.unregisterBackButtonAction();
}
public initializeBackButtonCustomHandler(): void {
this.unregisterBackButtonAction = this.platform.registerBackButtonAction(() => {
this.customHandleBackButton();
}, 10);
}
private customHandleBackButton(): void {
// do what you need to do here ...
}
}
So as you can see, the key is to store the callback of the registerBackButtonAction
method and use it later when leaving the page (or when you want to restore the default behavior):
this.unregisterBackButtonAction = this.platform.registerBackButtonAction(() => {
this.customHandleBackButton();
}, 10);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With