Angular 5 和 ngx-translate with shared module loose translations if refresh

Question

我有一个使用 ngx-translate 的 angular 应用程序。以下版本：

"@angular/core": "5.2.6",
"@ngx-translate/core": "9.1.1",
"@ngx-translate/http-loader": "2.0.1"

在 AppModule class 我添加了下面的导入：

imports: [
    .....
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: (createTranslateLoader),
        deps: [HttpClient]
      }
    })
    ......
]
.....
export function createTranslateLoader(http: HttpClient) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

我创建了一个导出 TranslateModule 的 SharedModule：

exports: [
    // Modules
    TranslateModule,
    ....
]

一切都很顺利，除了当我刷新一个页面时，该页面位于与应用程序模块（导入 SharedModule）不同的模块中。在这种情况下，我需要导航回主页（在 AppModule 中编码），一旦我到达主页 ngx-translate 回来工作，我可以使用 ngx-translate 重新导航到其他页面。

有人可以帮助我吗？提前致谢

更新似乎问题与我刷新页面时 translateService.currentLang 未定义有关。如果我通过 translateService.use(language) 以编程方式在 ngOnInit 中设置语言，它就可以工作。如何通过设置默认 currentLang 来避免在每个组件中手动设置此检查 currentLang 变量？

Answer 1

我的共享模块中也有 translateModule，每个模块都导入它。我在共享模块中导出了 TranslateModule。这样做，一切都按预期工作，每个模块都显示了它的翻译。也许尝试同样的事情，看看它是否适合你。

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

通过 app.module 在引导组件中通过 translateService 设置 useDefaultLanguage。这样，它是唯一在顶级设置默认语言的地方。

Angular 5 和 ngx-translate with shared module loose translations if refresh

Angular 5 and ngx-translate with shared module loose translations if refresh

ngx-translate

angular