Come cambiare l'etichetta dal pulsante Indietro in Ionic 2?

Question

Con il codice:

<ion-navbar *navbar> 
</ion-navbar> 

il pulsante indietro viene abilitato. Ma ho bisogno di personalizzarlo (l'icona o l'etichetta). È possibile? Impossibile trovare qualcosa nella documentazione/api.

Answer 1

è possibile impostare di nuovo il testo pulsante nel vostro app.html come indicato nel link ionica 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 ionica 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 ionico 2 rc.0 eu p, nonché ionico 3

In ionica 2 rc.0 e superiore, dobbiamo includere le configurazioni in app.module.ts sotto importazioni matrice.

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

Answer 2

Non ho trovato alcuna documentazione per questo neanche. Ma ho trovato il file che imposta il testo e la classe del pulsante, quindi puoi modificarlo (cambierà il testo/la classe del pulsante in ogni pagina).

Cambiare l'attributo backButtonText in node_modules/ionic-framework/config/modes.js

Answer 3

Ho appena trascorso un po 'di lavoro fuori come fare questo attraverso il ViewController in ionico 2.

All'interno del file dattiloscritto per la tua pagina è necessario importare il ViewController

import { ViewController } from 'ionic-angular';

Quindi nella funzione del costruttore è incluso ViewController.

constructor(public viewCtrl: ViewController) {}

Poi finalmente è possibile chiamare la funzione per modificare il testo.

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

Io fondamentalmente acciottolate questo insieme da come avevo fatto Avvisi e roba Nav controller in modo da potrei sbagliarmi. Funziona per me e ha il vantaggio di permettermi di cambiare il testo in base alla pagina.

Answer 4

L'attuale versione di IONIC2 consente di modificare il testo del pulsante Indietro a livello globale.

È inoltre possibile modificare l'icona come appare in ios e nascondere l'etichetta "Back".

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

Basta aggiungere questo al tuo app.module.ts.