Блог

я использую @ngx-translate/core@12.1.2 и настроил приложение следующим образом,

app.module.ts

 ...
TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      }
    }),
....
 

app.component.ts

 ...
this.translate.addLangs(['en']);
    this.translate.setDefaultLang('en');
    this.translate.use('en');
...
 

en.json

 {
    "home": {
        "menu": "Menu {{value}}",
        "search": "Search"
    }
}
 

и компонент, который использует перевод,

 this.translate.get('home.menu', {value: 'Hey !'}).subscribe((resul: string) => {
  console.log('Translations', resul);
});

console.log('Translate instant ', this.translate.instant('home.menu'));
 

И он печатает только это , Translations home.menu .

Любая помощь очень ценится.

вы создали свой основной (не переведенный) языковой файл json? попробуйте создать этот файл точно такой же, как структура файлов en.json