首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ngx-translate找不到url

ngx-translate找不到url
EN

Stack Overflow用户
提问于 2017-10-11 05:32:40
回答 2查看 652关注 0票数 0

我想在我的应用程序中翻译我的静态文本。运行应用程序后的输出在我的示例测试中。就像我的变量名一样。我想,问题出在网址上。只有像这样的完整url才能工作,我不知道为什么。

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

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

代码语言:javascript
运行
复制
imports: [
        ...,
        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: (createTranslateLoader),
                deps: [Http]
            }
        }),...]

代码语言:javascript
运行
复制
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

代码语言:javascript
运行
复制
   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

代码语言:javascript
运行
复制
<p style="color:wheat">{{ 'TEST' | translate }}</p>

我的de.json看起来像

代码语言:javascript
运行
复制
{
  "TEST": "Deutscher Test"
}
EN

回答 2

Stack Overflow用户

发布于 2017-10-11 05:39:55

将i18n文件夹移动到资源可能会解决您的问题。然后还修改了createTranslateLoader:

代码语言:javascript
运行
复制
export function HttpLoaderFactory(http: Http) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}
票数 0
EN

Stack Overflow用户

发布于 2017-10-11 14:26:45

下面是我在ASPNET.Core和ngx-translate上工作得很好

代码语言:javascript
运行
复制
export function translateLoaderFactory(http: Http) {
    return new TranslateStaticLoader(http, './i18n/', '.json');
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46676364

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档