How to get current language with ngx-translate in angular2

Question

I want to get current language with this.translate.getBrowserLang(), but it always return 'en', whatever the current language is and what the supported languages is.

Here is the plnkr: https://plnkr.co/edit/JEXgj8WcISYGtDg75VoR?p=preview,

maybe plnkr has broken, you can try stackblitz: https://stackblitz.com/edit/github-kk1mud-a7gxbb

score 82 · Answer 1 · edited Dec 02 '20 at 12:10

82

import translate service and add in constructor

constructor(private translate: TranslateService){
}

I find it use this.translate.currentLang to get the current language

edited Dec 02 '20 at 12:10

NiklasPor

9,116
1
45
47

answered Mar 09 '17 at 15:45

Allen

2,037
3
15
21

how to access this translate.currentLang ? – godblessstrawberry Mar 26 '18 at 12:33
9

@godblessstrawberry just use `this.translateService.currentLang`, dont forget to add the `TranslateService` in construtor – Allen Mar 28 '18 at 09:18
1

Is there a way to get an observable of the current language? – Mateja Petrovic Mar 14 '19 at 12:57
2

@MatejaPetrović en.. I think current language is not a observable like property, but you can subscribe the onLangChange of translate service. – Allen Mar 15 '19 at 06:40

score 4 · Answer 2 · answered Mar 11 '22 at 11:46

4

constructor(private translate: TranslateService){}

ngOnInit() {
    this.translate.currentLang;
}

answered Mar 11 '22 at 11:46

Alireza Ebrahimkhani

530
4
13

not sure why it's giving me `undefined` – Ricky Levi Mar 14 '23 at 08:01
1

@RickyLevi you need to set the language first using this.translate.use() and using the string of the language as a parameter ('es', 'en', etc.). If you have not set the language, or it it's overwritten or lost during the app's lifecycle, currentLang will be undefined – JurgenBlitz May 04 '23 at 08:06

How to get current language with ngx-translate in angular2

2 Answers2