0

我想在我的应用程序中翻译我的静态文本。运行应用程序后的输出在我的示例 TEST 中。就像我的变量的名称。我认为，问题是网址。只有像这个例子这样的完整网址有效，我不知道为什么。

我在 asp.core 2 上的 Angular 应用程序中使用了 ngx-translate。

我将 createTranslateLoader 函数放在我的 app.module.shared.ts 中。它由 app.module.browser.ts 和 app.module.server.ts 加载。

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

和

export function createTranslateLoader(http: Http) {
    console.log(http);
    return new TranslateHttpLoader(http, 'http://localhost:56601/i18n/', '.json');
}

我的默认语言是德语“de”。我把我的 de.json 放在 wwwroot/i18n/de.json 中。

在最后一步我修改了我的 app.component.ts

   export class AppComponent {
        constructor(private translate: TranslateService
) {
            translate.addLangs(['en', 'de']);
            translate.setDefaultLang('de');
            translate.use('de');
            //let browserlang = translate.getBrowserLang();
            //translate.use(browserlang.match(/en|de/) ? browserlang : 'de');
        }

}

和我的 app.component.html

<p style="color:wheat">{{ 'TEST' | translate }}</p>

我的 de.json 看起来像

{
  "TEST": "Deutscher Test"
}
4

2 回答 2

0

以下对我来说很好用 ASPNET.Core 和 ngx-translate

export function translateLoaderFactory(http: Http) {
    return new TranslateStaticLoader(http, './i18n/', '.json');
}

我的资源文件和你的一样位于 wwwroot/i18n/ 文件夹中。

于 2017-10-11T06:26:45.090 回答
0

将 i18n 文件夹移至资产可能会解决您的问题。然后还修改createTranslateLoader： 

export function HttpLoaderFactory(http: Http) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}
于 2017-10-10T21:39:54.613 回答