如何在Angular2中使用ngx-translate获取当前语言

Question

我想使用 this.translate.getBrowserLang() 来获取当前语言，但它总是返回 'en'，无论当前语言是什么以及支持的语言是什么。

这里是 plnkr 链接：https://plnkr.co/edit/JEXgj8WcISYGtDg75VoR?p=preview，

---

也许 plnkr 已经损坏了，你可以尝试 stackblitz 链接：https://stackblitz.com/edit/github-kk1mud-a7gxbb

- Allen

Answer 1

import translate service and add in constructor

constructor(private translate: TranslateService){
}

我发现使用this.translate.currentLang可以获取当前语言。

- Allen

---

如何访问 translate.currentLang？ - godblessstrawberry

@godblessstrawberry 只需使用 this.translateService.currentLang，不要忘记在构造函数中添加 TranslateService。 - Allen

有没有一种方法可以获取当前语言的可观察对象？ - Mateja Petrovic

@MatejaPetrović 嗯..我认为当前语言不是可观察的属性，但是你可以订阅translate服务的onLangChange。 - Allen

Answer 2

constructor(private translate: TranslateService){}

ngOnInit() {
    this.translate.currentLang;
}

- Alireza Ebrahimkhani

---

不确定为什么它会给我返回 undefined。 - Ricky Levi

@RickyLevi 你需要先使用 this.translate.use() 方法设置语言，并将语言字符串作为参数传入（'es'、'en' 等）。如果你没有设置语言，或者在应用程序的生命周期中被覆盖或丢失，currentLang 将是未定义的。 - JurgenBlitz

Answer 3

如果你想要得到一个有效的语言，即使你从未设置过，确保在导入ngx-translate模块时设置默认语言。

app.module.ts

...
@NgModule({
   imports: [
      BrowserModule,
      TranslateModule.forRoot({
         defaultLanguage: 'en'
      })
   ],
   bootstrap: [AppComponent]
})
export class AppModule { }

- zeroquaranta