2015-08-19 8 views
8

In ionico quadro, io uso questo struttura HTML su tutti i miei punti di vista:Come posso modificare il titolo del pulsante back in framework ionico?

<ion-view view-title="Some title"> 
    <ion-nav-buttons> 
    </ion-nav-buttons> 
<ion-content> 

tanto sono un pulsante "Indietro <" generata automaticamente. Tuttavia, a volte questo pulsante ha la parola "Indietro" e talvolta ha il nome della vista precedente.

Dove e come posso modificare il comportamento del pulsante Indietro?

risposta

14

si dovrebbe usare il $ionicConfigProvider:

var myApp = angular.module('reallyCoolApp', ['ionic']); 

myApp.config(function($ionicConfigProvider) { 
    $ionicConfigProvider.views.maxCache(5); 

    // note that you can also chain configs 
    $ionicConfigProvider.backButton.text('Go Back'); 
}); 

Questo esempio è dalla documentazione ufficiale ioniche.

Per controllare il comportamento del "testo dell'ultima vista sul pulsante Indietro" è possibile impostare backButton.previousTitleText(value) su falso.

+0

Grazie questo ha funzionato bene. Domanda successiva: Poiché sto utilizzando un servizio ($ transate) per tradurre "Torna indietro" alla lingua corrente, la mia app si arresta in modo anomalo poiché i servizi non possono essere immessi nel blocco app.config. Qualche idea su come risolvere questo problema? – Weblurk

+0

Ottimo per sentire! Penso che dovresti essere in grado di chiamare il backButton.text anche nel tuo controller $ translate ... – m1crdy

3

In Ionic Framework 2 si potrebbe ora utilizzare il set del config propertybackButtonText a ''

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