navigationend - Angular 4-iónico 3 traducción del texto dentro del archivo ''.ts''

router events subscribe angular 4

Question

Hola chicos, quiero saber cómo traducir texto en el archivo ''.ts''
básicamente es un texto de carga

showLoader() {
this.loading = this.loadingCtrl.create({
content: ''Loading...''
});
this.loading.present();
}

lo que necesito es enviar un mensaje de texto "Cargando ..." traducido a "Cargo ..." cuando el idioma está configurado en francés
Gracias

Answer 1

Puedes hacerlo como a continuación:

Nota: Extraje esto de mi código base de trabajo. Por lo tanto, ajuste como lo desee. Si necesita ayuda adicional, hágamelo saber.

presentLoader(): Loading {
this.translate.get(''Please_wait'').subscribe(res => {
this.content = res;
});
let loader = this.loadingCtrl.create({
content: this.content
});
loader.present();
return loader;
}

Answer 2

La respuesta de @ Sampath funciona perfectamente, pero aun así, quería agregar otra forma de hacerlo, devolviendo una Promise .

Como el método get es asincrónico, prefiero crear la Loading cuando la traducción está lista, en lugar de crearla y luego actualizar la referencia al contenido.

// Imports
import { Observable } from ''rxjs/Observable'';
import ''rxjs/add/operator/toPromise'';
// ...
presentLoader(translationKey: string): Promise<Loading> {
return this.translate.get(translationKey)
.toPromise()
.then(translation => {
// Create the loader
let loader = this.loadingCtrl.create({
content: translation
});
// Present the loader
loader.present();
// Return the loader
return loader;
});
}

Y puedes usar ese método así:

this.presentLoader(''Please_wait'').then((loader: Loading) => {
// This code is executed after the loading has been presented...
// ... You can use the loader property to hide the loader
});