Sie können NG2-Übersetzen in Ionic2
Navigieren Sie zuerst zu Ihrem Projektverzeichnis in Ihrem Terminal. Dann installieren NG2-übersetzen, indem Sie den folgenden Befehl ausführen
npm install ng2-translate --save
Jetzt ./src/assets Verzeichnis. Hier erstellen Sie einen Ordner, sagen wir i18n. Erstellen Sie jetzt JSON-Dateien, die Schlüssel/Wert-Paare enthalten. Wie zum Beispiel:
en.json (./src/assets/en.json)
{
"title":"Internationalization Example"
}
fr.json (./src/assets/en.json)
{
"title":"Exemple d'internationalisation"
}
Jetzt lassen Sie einige Bootstrapping. Importieren Sie die folgenden in Ihrer app.component.ts Datei
import {HttpModule} from '@angular/http';
import {Http} from '@angular/http';
import {BrowserModule} from "@angular/platform-browser";
import {TranslateStaticLoader, TranslateLoader, TranslateModule} from 'ng2-translate/ng2-translate';
nun eine Funktion createTranslateLoader create() als:
export function createTranslateLoader(http: Http) {
return new TranslateStaticLoader(http, './assets/i18n', '.json');
}
hinzufügen Gefolgschaften für @NgModule:
@NgModule({
---------
---------
imports: [
IonicModule.forRoot(MyApp),
TranslateModule.forRoot({
provide: TranslateLoader,
useFactory: createTranslateLoader,
deps: [Http]
}),
BrowserModule,
HttpModule,
],
exports: [BrowserModule, HttpModule, TranslateModule]
---------
---------
})
jetzt offen App component.ts. Ersteinfuhr TranslateService
import {TranslateService} from 'ng2-translate/ng2-translate';
aktualisieren Konstruktor und initialisieren Übersetzung (unter Code im Kontext von app.component.ts ist)
constructor(platform: Platform,private translate: TranslateService) {
platform.ready().then(() => {
// Verify your lacale
var userLang = navigator.language.split('-')[0];
console.log(userLang);
//initialize ng2-translate
this.initTranslation();
});
}
initTranslation() {
var userLang = navigator.language.split('-')[0];
userLang = /(fr|en)/gi.test(userLang) ? userLang : 'en';
// Default language if file not found
this.translate.setDefaultLang('en');
// Change userLang = 'fr' to check instantly
this.translate.use(userLang);
this.translate.get("title", null).subscribe(localizedValue => console.log(localizedValue));
}
Alle setzen, so offen deine jeweilige Seite.HTML-Datei und verwenden Sie die folgende Interpolation für die Übersetzung
{{"key"|translate}}
In meinem Fall wäre es
{{"title"|translate}}
sein das ist alles. Für jede Hilfe besuchen Sie [Verwenden von NG2-Translate]: https://ionicframework.com/docs/v2/resources/ng2-translate/
Bitte geben Sie ein Beispiel für die Geräteebene intern.? – AngJobs