How to change the label from back button in Ionic 2?
The current version of IONIC2 allows you to change the text of the back-button globally.
You can also change the icon like it appears in ios and hide the "Back"
label.
imports: [
IonicModule.forRoot(MyApp,{
backButtonText: '',
backButtonIcon: 'ios-arrow-back',
iconMode: 'md'
})
]
Just add this one to your app.module.ts
.
you can set back button text in your app.html as mentioned in the ionic link http://ionicframework.com/docs/v2/api/config/Config
@App({
template: `<ion-nav [root]="root"></ion-nav>`
config: {
backButtonText: 'Go Back',
iconMode: 'ios',
modalEnter: 'modal-slide-in',
modalLeave: 'modal-slide-out',
tabbarPlacement: 'bottom',
pageTransition: 'ios',
}
})
UPDATE in ionic 2 beta 8
import {ionicBootstrap} from 'ionic-angular';
ionicBootstrap(AppRoot, customProviders, {
backButtonText: 'Go Back',
iconMode: 'ios',
modalEnter: 'modal-slide-in',
modalLeave: 'modal-slide-out',
tabbarPlacement: 'bottom',
pageTransition: 'ios',
});
UPDATE in ionic 2 rc.0 and up, as well as ionic 3
In ionic 2 rc.0 and up, we need to include the configs in app.module.ts under imports array.
@NgModule({
declarations: [
MyApp,
Home
],
imports: [
IonicModule.forRoot(MyApp, {
tabsPlacement: 'top',
backButtonText: 'Back'
})],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
Home ],
providers: [MyService]
})