Internationalisierung mit Angular 4

Question

Ich muss mehrere Sprachen Unterstützung für meine Angular 4 Application hinzufügen. Ich muss den besten Ansatz kennen, um dies zu erreichen.

Answer 1

können Sie ngx-translate verwenden, die für die Internationalisierung in Angular 2+

Sie die Standard-Bibliothek ist die Bibliothek importieren und eine Reihe von JSON-Dateien erstellen, die die Übersetzungen enthält und es im Inneren des Vermögens Ordner.

Dann können Sie es im HTML verweisen. sag zum Beispiel.

en.json hat,

"guest.first-name": "first Name", 

wo erste ist der Schlüssel und der zweite ist der Wert angezeigt werden. und Sie können in den HTML-Code wie

<input [label]="'guest.first-name' | translate" type="text" name="form_name" [(ngModel)]="firstName" required="required" ></input> 

Answer 2

Sie können NGX-translate Bibliothek, die ich verwendet, verwenden beziehen und es ist sehr nützlich für die Internationalisierung für Angular.Also ich Ratschläge, die Sie über Angular, sollten Sie überprüfen, jhipster Projekt und dann können Sie mehr im Voraus und Detail Themen über Angular 4 und Spring Boot lernen.Es ist sehr nützlich Projekt und auch können Sie Angular und Spring Boot Projekt schnell erstellen ...

Answer 3

wenn Sie Winkel-CLI verwenden um newApp zu erstellen, hat es eine gute Infrastruktur für das Übersetzen, das ngx-translate verwendet. und für Ihren Text verwenden Rohr übersetzen: übersetzen wie:

<span>{{ text | translate }}</span> 

übersetzen Dateien existieren auf dem /src/assets/i18n/langCode.json (FOREX: en.json). und eine Initialisierungsanforderung im Hauptlayoutkonstruktor

constructor(public translate: TranslateService, zone: NgZone) { 
    translate.use('en'); 
}