Traduzione delle voci del bundle

Sterling Store Engagement supporta la traduzione delle voci di bundle attraverso il modulo ngx-translate .

Tutti i bundle dell'applicazione sono definiti in store-frontend/src/assets/store-frontend/i18n/<module-name>. Le voci del bundle sono definite nel file en.json come oggetti JSON nidificati nel seguente formato:

“pickOrder”:
{ 
“ACTION_Close”: ”Close”,
“ACTION_Done”: “Done”,
…
…
}

Qui, pickOrder è la chiave JSON definita per ogni componente.ACTION_Close è la chiave del bundle e Close è il valore del bundle.

È quindi possibile accedere ai valori del bundle utilizzando la notazione punto, in un file HTML o TS. Ad esempio, pickOrder.ACTION_Close

Puoi utilizzare TranslateService, TranslatePipe o TranslateDirective per ottenere i tuoi valori di traduzione.

Utilizzo pipe:

<span > {{ 'pickOrder.LABEL_Location' | translate:{locationId: pickLocation.locationId } }}</span>

Utilizzo della direttiva:

<div translate [translateParams]=“{locationId: pickLocation.locationId}”>pickOrder.LABEL_Location</div>

Utilizzo del servizio:

this.translate.instant(‘pickOrder.LABEL_Location', {locationId: pickLocation.locationId});