问题标签 [ngx-translate]

我有这个代码

如何翻译具有 3 个参数的每个服务

在常规情况下，我使用{{ 'something' | translate }}，其中“某物”放置在 .json 文件中

那么如何在 ngFor 状态下使用它呢？它从.json中读取了一个对象，但不是我需要的对象数组

在 Ionic3 应用程序中，我可以通过哪些方式为 ngx-translate 加载语言 JSON？当前在github上给出的方法提到了将每种语言的 JSON 文件保存在 assets 文件夹中。这种方法的问题在于，每次我必须添加新的语言支持时，我都必须发布新版本的应用程序。有没有办法从 Firebase 加载 JSON？

我的项目是使用 Angular CLI 设置的，因此它是使用 webpack 构建的，但 webpack 配置文件是隐藏的。

我有两个文件，nl.json和fr.json，但404两者都有一个，即使它看起来像是要进入正确的文件夹：http://localhost:4200/i18n/nl.json.

他们有这样的结构：

在app.module：

和

我还将这些包含在我的子模块中，我 [尝试] 使用翻译，不同之处在于.forChild而不是.forRoot.

在我的组件中：

会不会是没有关联的东西ngx-translate？当我使用管道<h1>{{ 'SEARCH_PAGE.searchPerson' | translate}}</h1>时，屏幕上什么也没有，当我使用指令时，<h1 translate]="'SEARCH_PAGE.searchPerson'"></h1>我得到字面上的字符串。

我的应用程序基于JHipster，因此语言服务是通过库中的JhiLanguageService提供的，该ng-jhipster库使用JhiConfigService进行配置ngx-translate，而无需在我的app.module. 因此，当我添加TranslateModule.forRoot(...)到 AppModule 的导入时，一切都会中断，我只看到到处都是“找不到翻译……”的消息。

我不知道如何使我的延迟加载页面使用与应用程序的预先加载部分相同的翻译服务实例，以便更改导航栏的预先加载组件中的语言会影响延迟使用的语言-加载的页面。

我已经研究了这个想法和这个想法，但他们都规定在 AppModule 中配置 TranslateModule 会破坏它，我不知道如何在 JHipster 应用程序中控制 ngx-translate 配置。

我是 Angular 的新手，并且已经开始构建一个具有下一个特性的新项目。对不起，如果解释不够清楚。我很乐意提供更多信息，但不想通过我的完整项目获得不相关的信息。

我在用着

• 视觉工作室 2015
• ASPNET 核心
• AspNetCore.Angular 服务
• ngx-翻译

我已按照 [ https://github.com/ngx-translate/core][1]中提供的示例和说明进行操作

我的代码按预期工作，能够翻译 4 种语言并在路由器内的多个组件中使用管道指令。这意味着我的 json 文件正在加载并且结构正确。我看到了许多报告，其中 json 文件存在错误，但我的情况并非如此。

但是我的问题是我无法添加设置默认语言和要在构造函数中使用的语言的行。

每当我取消注释这些行时，我都会收到错误

异常：调用节点模块失败并出现错误：SyntaxError：JSON.parse () 位置 0 处 JSON 中的意外令牌

如果我评论这些行，我的应用程序启动没有问题，唯一的细节是语言尚未设置。我可以在下拉列表中手动选择它，然后一切都按预期工作。

这是html文件

这是我的应用程序模块

如果有人能给我一些尝试的提示，我将不胜感激。到目前为止，这些是我试图解决问题的事情

• 将默认语言的定义和使用移动到 ngOnInit （同样失败）
• 移动默认语言的定义并使用按钮调用的函数（它可以正常工作）
• 尝试移动默认语言的定义并使用到 ngAfterViewInit() 和 ngAfterViewChecked()。

我怀疑问题是没有从 wwwroot 目录加载 json 文件，或者应用程序启动时服务无法在那里找到它们。应用程序启动后，它发现它们没有问题，一切都按预期工作。

再次感谢您的评论，如果更多信息有助于调试此问题，请告诉我

翻译（Angular）应用程序有多种方法，主要的方法是：

ngx-翻译

和

Angular 2 原生 i18n

据我了解，i18n 对 SEO 来说更容易，因为使用干净的 url 浏览

例如

app.com/de

app.com/en

另一方面，使用 ngx-translate 可以更轻松地在语言之间切换。

我知道 ngx-translate 的创建者被 Angular 雇佣为他们的 i18n。 谁能告诉我主要区别是什么（赞成/反对）？

我正在使用 ionic 2 构建一个应用程序，我想从服务器响应中翻译一些对象，而不将其存储在 JSON 文件中。

我正在使用ngx-translate

例如，我收到这样的对象：

我想根据选择的语言在我的应用程序中设置字符串的值。我怎样才能做到这一点？

非常感谢。

我已经定义了两种语言 en 和 de。如果我明确设置使用

我看到了预期的结果。我想使用英文文字以防缺少翻译而不是显示键值。根据文档，如果我添加如下：

翻译总是英文的。换句话说， translate.use('de') 没有效果。我的理解是上面的 setDefaulting 只会将那些字符串转换为缺少“de”翻译的英文。

我在我的 ionic 3 angular 应用程序中使用操作表和 ngx translate 插件。

就像我的应用程序中的其他任何地方一样，如果我在下面指定，则操作表的翻译不起作用，那么整个操作表都被视为字符串。

如果我指定没有双引号，那么它不被接受。

那么将翻译的标题传递给这个的正确方法应该是什么？

我将ngx-translate添加到我的angular-seed项目中。正常运行 ( npm start) 或在生产构建 ( npm run build.prod) 上运行正常。运行 aot build usingnpm run build.prod.aot会导致执行期间出错。控制台的错误日志如下所示：

我创建了一个最小重现问题的分叉：https ://github.com/kubica/angular-seed 。另请查看此提交以检查我是否遗漏了某些内容。

angular-seed-advances项目也包含 ngx-translate，并且 aot 构建工作没有任何问题，但我无法弄清楚到底有什么区别。

有人知道我在做什么错吗？