Angular ngx-translate inside service

Question

I am using ngx-translate and ngx-translate/http-loader for translating my ionic/angular project. I have this code inside app.module.ts imports:

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

and this loader function in the same file:

export function createTranslateLoader(handler: HttpBackend) {
     const http = new HttpClient(handler);
     return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

This gives me opportunity to use this kind of translation syntac inside component's html : {{ 'TEXT' | translate }} , I also can write something like that to translate inside component's ts file : var text = this.translateService.instant("TEXT");

Now I want to use translateService.instant inside service generated by command "ng generate s" I tried it but it doesn't work, it returns "TEXT" itself. So what is the problem?

Answer 1

try this.translateService.get("TEXT").subscribe(...)

see: https://github.com/ngx-translate/core#4-use-the-service-the-pipe-or-the-directive

instant(key: string|Array, interpolateParams?: Object): string|Object: Gets the instant translated value of a key (or an array of keys). /!\ This method is synchronous and the default file loader is asynchronous. You are responsible for knowing when your translations have been loaded and it is safe to use this method. If you are not sure then you should use the get method instead.

Answer 2

If I understand correct then in your newly generated service you have to simply inject the translate service:

constructor(translateService: TranslateService) {}

Answer 3

First inject the translate service in your service constructor:

constructor(public translateService: TranslateService) {}

And then use it to get the translation from current language:

this.translateService.getTranslation(this.translateService.currentLang).subscribe((translation: string) => { this.translationText= translation.text; });