translate is undefined. I want to use it as a pure function.

I’m submitting a…

[ ] Regression (a behavior that used to work and stopped working in a new release)
[X ] Bug report  
[ ] Performance issue
[ ] Feature request
[ ] Documentation issue or request
[ ] Support request
[ ] Other... Please describe:

Current behavior

[transloco DOC] You don’t have to inject the service each time you need to translate a key. Transloco has an exported translate() function:

translate provided as a pure function does not work. Sometimes it works, but when I’m not sure, I refresh the browser and get an error.

let service: TranslocoService;

export function translate<T = any>(key: TranslateParams, params: HashMap = {}, lang?: string): T {
  // service is undefined
  return service.translate(key, params, lang);
}

Expected behavior

I want to use it as a pure function.

Minimal reproduction of the problem with instructions

For bug reports please provide the STEPS TO REPRODUCE and if possible a MINIMAL DEMO of the problem, for that you could use our stackblitz example

What is the motivation / use case for changing the behavior?

Environment

Angular version: X.Y.Z


Browser:
- [ X] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: XX  
- Platform:  

Others:

[mohamedaarab1994]

I’m having the same issue. Sometimes it works and sometimes it doesn’t. When refreshing the page, the value is always either undefined or it shows the name of the key.

[itayod]

From what I have saw in your StackBlitz, you try to use the translate before the service beed initialized. You must wait until you initial the service in order to use this method