translate back button ionic 2

Question

I changed the name of the Back button in ionic 2 but does somebody know how you can translate this button with ng2-translate?

this.config.set('backButtonText', 'Go Back'); // < want to translate this with ng2-translate.

Answer 1

You can translate the back text like this (assuming you have already successfully implemented the ng2-translate module) in your app.ts:

initializeApp() {
    this.platform.ready().then(() => {
        this.config.set('backButtonText', this.translate.get('ui.general.back')['value']);
    });
}

It is neccessary to set this in the ready-function because the localization loads async and this is the place where you know that the localization files have been loaded and the module is ready to work.

Obviously I have set the translation text in the appropriate json-files under ui.general.back ;)

If you have not yet accessed the config then you need to import it:

import {..., Config} from 'ionic-angular';

Answer 2

I had to use it like this (in app.component.ts)

this.platform.ready().then(() => {
  this.translate.get('GENERIC.BACK').subscribe(backLabel => {
    this.config.set('ios', 'backButtonText', backLabel);
  });
});