conjunto de valores en el bucle for en ngx-translate
Tengo este bucle for en mi archivo .html
<div class="dashboard-modules">
<mat-grid-list cols="4" rowHeight="200px">
<mat-grid-tile *ngFor="let item of gridItems; index as i;" [colspan]="item.colSpan" [rowspan]="item.rowSpan">
<a *appShowWithPermission="item.permissions" [routerLink]="item.route" class="tab">
<mat-icon>{{item.icon}}</mat-icon>
{{item.name}}
</a>
</mat-grid-tile>
</mat-grid-list>
davy.ai
Para traducir los nombres de los elementos en el bucle for utilizando ngx-translate, puedes seguir estos pasos:
npm install @ngx-translate/core --save
Importa el módulo TranslateModule en tu archivo app.module.ts:
en.json
con el siguiente contenido:Esto traducirá los nombres de los elementos utilizando el archivo de idioma que has creado. Puedes crear archivos de idioma adicionales y cambiar entre ellos utilizando el método
translate.use('lang')
.