ngx-translate：重新加载时不显示翻译

Question

在我的 webapp 中，我使用 ngx-translate 模块进行本地化。它适用于我使用管道翻译的 html 字符串。我的 ts 组件中翻译的字符串有问题。字符串被翻译但如果我重新加载页面它们是空字符串，如果我转到我的应用程序内的其他页面并返回它们再次正常。我定义了方法：

public getTranslation(key: string){
    let str="";
    this.translate.get(key).subscribe(value => {str = value});
    return str;
}

所以当我定义变量时，我使用：

variable: string = this.getTranslation("key-in-my-json-file")

我在 app.module、loader 中的配置：

export function createTranslateLoader(http: HttpClient) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

和进口：

TranslateModule.forRoot({
  loader: {
    provide: TranslateLoader,
    useFactory: (createTranslateLoader),
    deps: [HttpClient]
  }
})

我在 package.json 中的版本：

"@ngx-translate/core": "^8.0.0",
"@ngx-translate/http-loader": "^1.0.2",
"typescript": "2.5.2"

和角度版本 4.3.6

Answer 1

以最小的超时时间包围该线，然后它就会起作用。

setTimeout(()=> {
          variable: string = this.getTranslation("key-in-my-json-file");  
}, 500);