Tengo habilitadas las traducciones (ngnx/translate) en mi nueva aplicación Angular, todo funciona bien. Excepto que ahora quiero habilitar las traducciones en la barra de navegación y no puedo hacer que funcione.

nav.component.html

 <mat-toolbar class="toolbarNav"> <a *ngFor="let link of LINKS" class="text-center" routerLink="/{{ link.route }}"><i class="fa fa-{{ link.icon }}"></i><p class="small mb-0">{{ link.label | translate }}</p></a> </mat-toolbar>

nav.component.ts

 export class NavbarComponent { LINKS = [ {"label":"Home","icon":"home","route":"dashboard"}, {"label":"Diary","icon":"book","route":"dashboard"}, {"label":"Lines","icon":"plus","route":"lines"}, {"label":"Search","icon":"search","route":"dashboard"}, {"label":"Settings","icon":"user","route":"dashboard"} ]; }

La tubería de traducción no funciona, todavía muestra el texto EN ... ¿alguien?