Angular2 und webpack - i18n-Plugin vs ng2-translate

Ich habe es mit Webpack mit dem Kochbuch arbeiten. Die xliff-Datei muss wie folgt in ts konvertiert werden:

Dann in der main.ts muss es hinzugefügt werden

und in den Bootstrap-Schritt eingefügt:

Wenn Sie angular-cli verwenden, können Sie folgende Schritte ausführen:

  

Bitte beachten Sie, dass Ihre App AOT compatibe sein muss, also sollten Sie sie mit --aot switch erstellen können:

%Vor%

1. Extrahieren Sie Nachrichten mit dem ng xi18n -Befehl mit dem Speicherort für die angegebene Übersetzungsdatei:

   %Vor%

2. Sie erhalten src/i18n/messages.xlf Datei. Kopieren Sie diese Datei und übersetzen Sie die Nachrichten in die Sprachen, die Sie benötigen:

   %Vor%

3. Dienen / bauen Sie Ihre App mit dem ng serve / ng build -Befehl auf (ändern Sie das Gebietsschema entsprechend):

   %Vor%

falls jemand sich noch fragt, wie man die angular 2-Lokalisierung mit dem webpack loader verwenden kann, habe ich das mitgelieferte Provider angular 2-Kochbuch modifiziert;

Zuerst Erstelle i18n.provider.ts

Beachten Sie die Änderungen:

1. Ich habe die jxjs-Bibliothek verwendet, um beobachtbare / Versprechen
zu erstellen
2. Ich habe XMLHttpRequest verwendet, um die Localezationsdateien
zu erhalten

Sekunde in den main.ts Dateien ändern Sie das Bootstrapping das gleiche wie in eckigen Kochbuch

Angular 2 Final hat i18n native Unterstützung Ссылка

Überprüfen Sie eine andere Antwort Ссылка mit Beispielen und einigen Details zur Verwendung.

ng2-translate ist im Vergleich zur nativen Implementierung zu ausführlich. Auch der Autor von ng2-translate leistet einen großen Beitrag zu angular 2 i18n Dokumentation

Eine leicht modifizierte Version von @ M.Nour Berros Antwort.

Ich habe diese Änderung vorgenommen, da synchrone xhrs veraltet sind und möglicherweise die Unterstützung später entfernt wird.