[Fixed] Angular ngx-translate usage in typescript

Issue

I’m using this @ngx-translate/core i18n service and it works fine in templates (.html) with this syntax:

{{‘my.i18n.key’|translate}}

Now I want to translate something in my component typescript file (.ts) but I don’t know how to use it.

I can create translate object in my constructor:

constructor(private translate: TranslateService) {}

and now how to translate ‘my.i18n.key’ ?

Solution

From the doc on github:

get(key: string|Array, interpolateParams?: Object):
Observable: Gets the translated value of a key (or an
array of keys) or the key if the value was not found

try in your controller/class:

constructor(private translate: TranslateService) {
    let foo:string = this.translate.get('myKey');
}