Saltar al contenido

¿Cómo cambiar la etiqueta del botón Atrás en Ionic 2?

Solución:

puede configurar el texto del botón de retroceso en su app.html como se menciona en el enlace iónico 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',
  }
})

ACTUALIZACIÓN en 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',
});

ACTUALIZAR en ionic 2 rc.0 y superior, así como ionic 3

En ionic 2 rc.0 y posteriores, necesitamos incluir las configuraciones en app.module.ts bajo matriz de importaciones.

@NgModule({   
 declarations: [
    MyApp,
    Home   
 ],   
 imports: [
    IonicModule.forRoot(MyApp, {
      tabsPlacement: 'top',
      backButtonText: 'Back'
     })],
 bootstrap: [IonicApp],
 entryComponents: [
    MyApp,
    Home   ],
 providers: [MyService]
})

La versión actual de IONIC2 le permite cambiar el texto del botón de retroceso globalmente.

También puede cambiar el icono como aparece en ios y ocultar el "Back" etiqueta.

imports: [
    IonicModule.forRoot(MyApp,{
      backButtonText: '',
      backButtonIcon: 'ios-arrow-back',
      iconMode: 'md'
    })
]

Solo agrega este a tu app.module.ts.

Acabo de pasar un tiempo averiguando cómo hacer esto a través del ViewController en Ionic 2.

Dentro del archivo mecanografiado de su página, debe importar el ViewController

import { ViewController } from 'ionic-angular';

Luego, en su función constructora, incluya ViewController.

constructor(public viewCtrl: ViewController) {}

Luego, finalmente, puede llamar a la función para cambiar el texto.

ionViewDidLoad() {
this.viewCtrl.setBackButtonText('Cancel');
}

Básicamente, improvisé esto a partir de cómo había estado haciendo las cosas de Alerts y Nav Controller, así que puedo estar equivocado. Sin embargo, me está funcionando y tiene la ventaja de permitirme cambiar el texto por página.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *