问题标签 [ng2-translate]

我正在尝试在完全用 JavaScript ES6 编写的 Angular2/Ionic2 应用程序上实现ng2-translate管道。

但是，我在设置阶段遇到了一个步骤，我需要在 JavaScript ES6 中编写一段代码。到目前为止，我在他们的文档和互联网上发现的内容是用 TypeScript 编写的，它在尝试在我的应用程序上实现它时会引发语法错误。

编码：

我需要知道的是如何将用 TypeScript 编写的那段代码转换为 JavaScript ES6 以使其运行。

我在我正在创建的 Angular 2 RC5 应用程序中使用 ng2-translate 进行语言处理。该应用程序有两个功能模块，一个延迟加载，一个急切加载。TranslateModule 通过共享模块提供。问题是翻译管道在急切加载的模块中工作正常，但在延迟加载的模块中却不行。为了验证它与加载方法有关，我将两者都转换为急切加载并且一切正常。

可以在此处找到演示该问题的 plunk：Plunker重要的代码也在下面。

初始页面是预先加载的页面，因此字符串看起来不错。单击登录，它将转到所有字符串都是大写的延迟加载的，即未翻译。

任何帮助，将不胜感激。

应用程序模块：

应用程序路由：

应用程序组件：

共享模块：

Welcome.module（渴望加载）

欢迎组件：

欢迎.路由

backend.module（延迟加载）

后端组件：

后端路由

en.json

我有用 Angular 1.5 编写的遗留应用程序，我想添加用 Angular 2 编写的新组件

但我对 ng2-translate 有疑问

所以这是我的组件 home.ts

这是 home.html

这是 main.ts

所以我使用的是最新版本的 Angular 2 rc5。并得到以下错误

有人可以帮我吗？我尝试了所有变体:(

我还下载了 angular2-seed 并在那里添加了相同的代码，它可以工作了！但不适用于混合应用。

对于与主应用程序不同的其他组件，我在将 ng2-translate 集成到 angular 2 RC5 中时遇到了一些麻烦。

我想在全球范围内使用管道，在一项研究中我发现可能我需要使用“提供者”（但那是在 RC4 上），然后发现我需要使用“声明”。有任何想法吗？

一如既往...非常感谢您的帮助！

当我在模板文件中使用时，：

{{ 'HOME.TITLE' | 翻译 }}

我在浏览器上收到此错误：

这是我的 main.ts 文件：

主模块文件：

我的app.component样子是这样的：

我app.routing的定义如下：

我的signUpSuccess.component：

当我加载页面时/signUpSuccess/de，app.component将语言设置为en，ng2-translate开始en.json从服务器获取，然后signUpSuccess.component将语言设置为de，ng2-translate开始de.json从服务器获取。如果由于任何原因现在de.json赢得比赛并首先到达客户端，那么语言将切换到到达客户端en时。en.json我怎样才能避免这种情况？

我正在使用 angular2 rc5 和 i18n ng2-translate。

我希望 MissingTranslationHandler 自动降级为默认语言，而不是为缺失值提供显式翻译。

有可能以任何方式做吗？

尝试使用以下命令编译我的 RC6 应用程序时：

C:\Path\To\Project\node_modules\.bin（当我运行命令时，我被放置在里面）

我收到以下错误：

这就是它所抱怨的：

如果我删除TranslateModule.forRoot...错误消失。

正如错误所暗示的那样，如何用导出的函数替换它？

我有一个来自数据库的国家列表，当用户输入他们的地址时显示在下拉列表中。

使用 ng2-translate，有没有办法翻译它们？

我希望能够执行以下操作：

使用 json 文件中的翻译，例如：

但当然它不起作用:(

还是我应该在数据库中也有翻译并使用currentLang以检索所需语言的条目？

我正在尝试使用ng2-translate和 Angular 2 RC.6 翻译 Highcharts 的名称系列。

我的构造函数中有图表配置，我在其中调用一个函数来翻译系列名称：

在该函数内部，我调用TranslationService：

我设法将正确的翻译记录到控制台中。但是，Highcharts 一直显示Series 1而不是翻译的单词。

但是，如果我使用TranslateService构造函数内部（没有函数），它可以工作。

但是，我必须翻译其他内容，因此使用函数而不是为每个单词重复服务会很方便。

我想用 angular2 构建一个 web 应用程序并将其与 webpack 捆绑在一起。提供多种语言的最佳方式是什么：

i18n 插件：https ://github.com/webpack/i18n-webpack-plugin

或者

ng2-翻译：https ://github.com/ocombe/ng2-translate