带有ngx-translate的角+电子

Question

我有一个Angular应用程序，现在还需要它的桌面版本。 我管理它以电子方式运行该应用程序，并且一切正常。

但是本地化不起作用。 在电子应用程序中，我仅看到定位键，该键指向定位文件中的实际翻译。

我主要是这样在Angular中翻译文本：

{{ "localization-key" | translate }}

并且作为json文件的翻译基于资产/ i18n /

有人知道如何进行本地化工作吗？

Answer 1

我也有这个问题。 我在ngx-translate的官方文档中找到了解决方案。

如果要在使用AoT编译（Ionic或Electron）时配置自定义TranslateLoader，则必须使用导出函数而不是内联函数。

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

@NgModule({
    imports: [
        BrowserModule,
        HttpClientModule,
        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: (createTranslateLoader),
                deps: [HttpClient]
            }
        })
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }

如果您对loader.useFactory使用默认的TranslateHttpLoader ，则会看到此错误：

Answer 2

现在正在工作。 问题是我使用了Http-Loader进行ngx-translate，但在电子设备中不起作用。

所以我像上面提到的该线程的最后一篇文章一样实现了TranslateUniversalLoader ： https : //github.com/ngx-translate/core/issues/754