Angular 4 - ionische 3 Übersetzung von Text in '.ts' Datei

Question

Hey Jungs Ich möchte wissen, wie
Datei Text in' .ts' übersetzen im Grunde ist es ein Laden Text

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

    } 

was ich brauche, wird in Text „Loading ...“ übersetzt „Chargement ...“ Wenn die Sprache auf französisch
dank gesetzt

Answer 1

Sie können es wie unten tun:

N Anmerkung: Ich extrahierte dieses von meinem Arbeitscode base.So stellen Sie bitte ein, wie Sie wünschen. Wenn Sie weitere Hilfe benötigen, lassen Sie es mich wissen.

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

@Sampath's Antwort funktioniert perfekt, aber immer noch, ich wollte einen anderen Weg hinzuzufügen, es zu tun, eine Promise zurück.

Da die get Methode async ist, würde ich lieber die Loading erstellen, wenn die Übersetzung fertig ist, anstatt sie zu erstellen und dann den Verweis auf den Inhalt zu aktualisieren.

// 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; 
      }); 
} 

Und können Sie diese Methode wie folgt verwenden:

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 
});