无法使用 ngx-translate 的 service-translate.get 翻译文本

Question

我能够使用翻译管道翻译文本，但目前正在努力使用翻译服务的获取和即时方法加载翻译。 下面是我在 app.component.ts 中的代码

export class AppComponent {

event : string;
constructor(private translate: TranslateService) {
    translate.addLangs(["en", "fr"]);
    translate.setDefaultLang('en');
    let LangChangeEvent : {}
    let browserLang = translate.getBrowserLang();
    translate.use(browserLang.match(/en|fr/) ? browserLang : 'en');

    this.translate.get('ALL_LOCATIONS_TREEVIEW').subscribe((event: String) => {
              console.log(event);

          });
}

}  

我正在控制台中打印事件。每当用户更改语言时，我希望它的翻译发生变化。我的其余翻译（使用管道）工作正常，但我看不到控制台随着语言的变化而变化。我错过了什么？

Answer 1

get 只会执行一次，并会获取当前使用语言的键值。您需要将控制台日志绑定到语言更改事件，如下所示：

this.translate.onLangChange
.mergeMap(() => this.translate.get('ALL_LOCATIONS_TREEVIEW'))
.subscribe(v => console.log(v));

对于最新版本 (^7.0.0)，还有另一种方法可以做到这一点，使用 stream 方法：

 this.translate
.stream('ALL_LOCATIONS_TREEVIEW')
.subscribe(v => console.log(v));

这与get基本相同，但语言更改感知（每次更改所选语言时都会发出一个新值）。

欲了解更多信息，请查看the documentation

Answer 2

简单的方法：

this.translate.instant('string_key_from_json');