问题标签 [ng2-translate]

我正在使用 angular2 进行组件测试。在我的 html 模板中，我使用翻译管道。这是测试的代码：

我收到此错误，翻译管道未知：

我们如何解决这个问题？

谢谢。

我正在尝试对使用 ng2-translate@2.5.0 的 angular-cli@1.0.0-beta.14 生成的 angular2 应用程序运行一个简单的单元测试。

当我运行单元测试时，翻译服务无法加载翻译文件。

我相信解决方案在于结合使用 karma.conf 代理属性、TranslateStaticLoader 和 angular-cli.json 设置。

我正在使用标准的 cli 目录结构。我有一种感觉/希望这是一个普遍的问题。如果需要，将提供代码和目录片段。

我将 ng2-translate 添加到我的 angular-cli 项目中。它在 localhost 中运行良好，但是当我尝试从 ng build prod 运行它时，找不到 404：

http://MySite/assets/i18n/en.json加载资源失败：服务器响应状态为 404（未找到）

该文件存在于此路径中，但浏览器未找到该文件。

我将此提供程序添加到 app.module.ts：

提供者：[{提供：TranslateLoader，useFactory：（http：Http）=>新的TranslateStaticLoader（http，'assets/i18n'，'.json'），deps：[Http]}]

也许我应该向 angular-cli.json 添加一些声明？但是什么？

我的 Angular2 应用程序正在使用 ng2-translate 模块，并且“en.json”文件包含翻译。当构建端使用 angular-cli 部署时，这一切在开发模式下运行良好。但是在 prod 模式下构建并部署到 WildFly 时，找不到 en.json 并且未加载翻译。

如何在 prod 模式下构建应用程序，以便将 en.json 打包在 dist 目录中？

我正在尝试将 ng2-translate 包与 Webpack 一起使用。在开发模式下一切正常。当我开始构建时，它不会将语言文件复制到“dist”目录。

谁能给我一些建议如何更改输出路径，我尝试遵循https://github.com/ocombe/ng2-translate说明，但我没有为生产中的 webpack 提供任何工作示例，并且不太清楚如何使用TranslateStaticLoader和改变18n/*.json。

如果我添加这个，我会收到库错误

这是我的 app.module.ts

我的 app.component.ts

我的 app.component.html

和我的 json

谢谢你的帮助。

我尝试在模板中使用带有参数的 ng2-translate：

而且效果很好。我想在我的打字稿中构建我的翻译，我看到了这个功能：

但我不知道如何使用它。

你们有什么例子吗？

我的情况是：

en.json:

打字稿：

我想有：1和2的水平低。

非常感谢。

我已经设置了 ng2-translate 来翻译我的整个应用程序，并且我有一个en-GB.json包含我所有翻译的文件。我现在遇到的问题是，如果用户的设备设置为另一种语言（例如“en-US”），我会收到 404 错误，指出该文件en-US.json不存在。

我已经尝试过这个解决方案https://github.com/ocombe/ng2-translate#how-to-handle-missing-translations但似乎我必须为每个翻译设置一个默认值，这不是很好.

en-GB.json如果en-US.json（和其他语言文件）不存在，有没有办法自动回退到使用该文件？

谢谢你的帮助。

编辑：

忘了提到我还设置了默认语言，如下所示：

我正在尝试实现 ng2-translate i18n。

仪表板.component.ts

该文件的路径是src/main/app/dashboard/dashboard.component.ts

2 个 JSON 文件的路径 - en.json 和 fr.json 是src/main/app/assets/i18n。

我在 app.module.ts 中包含了 TranslateModule

但是当我运行应用程序时，我收到 en.json file not found-404 错误。我正在使用 webpack，在 webpack.common.js 中我有 JSON 的预加载器，像这样

我仍然收到 JSON 文件未找到错误。

从我所遵循的示例中，我不明白要在哪个文件中提及路径 assests\i18n.json 。

我写了以下指令，因为显然ng2-translate缺少一个：

正如你所看到的，我使用低级别的“el.nativeElement.innerHTML”让它工作，但 API 似乎暗示“renderer.setText”调用也应该工作。相反，它根本没有效果。

问：为什么会这样？setText 调用应该做什么？奖励：代码有问题还是 ng2-translate 不包含问题有充分的理由？馊主意？

我想在对象中使用翻译来使用 Ionic 2 上的 toast。但我不明白如何在 .ts 文件中使用 ng2-translate ......有人可以给我看一个例子吗？

我想在我的菜单中的标题中翻译。我尝试这样但它不起作用：

它必须在我的菜单上显示“测试”，但它继续显示“Accueil”。