Angular ngx-translate usage in typescript

angular typescript ngx-translate
NavCore picture NavCore · Aug 24, 2017 · Viewed 41.8k times · Source

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' ?

Answer

GuyFromChennai picture GuyFromChennai · Jun 8, 2018

To translate something in your typescript file, do the following

constructor(private translate: TranslateService) {}

then use like this wherever you need to translate

this.translate.instant('my.i18n.key')

Related questions

Angular 6 - can't resolve all parameters for AppComponent

I am trying to build an application with Angular 6 and I am still setting everything up. But it seems there is something wrong with the dependency injection in my app. It cannot resolve any constructor parameter. They all result in …

Read More
ngx-translate .instant returns key instead of value

I am trying to make a method which would accept string key and return translated string value by using translate.instant(parameter). The problem is that it returns key(parameter). Usually this is returned if it doesn't find translation. I …

Read More
Angular 4 Ngx-translate pipe not working

I want to make an angular 4 app that is multilangual. I have followed the answer on Angular 2 - Multilingual Support but it doesn't work. I did every step, from 1 to 5 on that page and my appmodule looks the same. I …

Read More