问题标签 [ngx-translate]

我能够使用翻译管道翻译文本，但目前正在努力使用翻译服务的 get 和即时方法加载翻译。下面是我在 app.component.ts 中的代码

我正在控制台中打印事件。我希望它的翻译在用户改变语言时改变。我的其余翻译（使用管道）工作正常，但我看不到控制台随着语言的变化而变化。我错过了什么？

我在 app.module.ts 中使用 TranslateHttpLoader 从服务器加载翻译文件，如下所示：

一切正常，但我想知道是否有办法在加载程序因任何原因（服务器问题、网络配置等）未能检索语言文件时捕获事件，并可能加载带有一些默认翻译字符串的本地 json 文件?

如果第一次加载的应用程序无法获取语言文件，我想捕获此事件，并回退到最小的本地 json 文件以仅显示翻译的维护页面/错误页面或其他内容。

我正在使用 ngx-translate 在视图中没有问题，使用管道。我需要做的是在组件中使用它，例如显示错误消息，或定义数据表列默认内容。

我正在尝试做类似的事情：

或者

我试过在 ngOnInit() 和 ngAfterViewInit() 中调用它

但在这两种情况下，我只得到“AREA.NEW”，而不是翻译后的词。我假设 json 字典是在我调用后加载的，所以我不知道它是如何工作的。

我正在开发一个 Ionic 2 移动应用程序并想使用 ngx-translate 功能。按照教程，我在 app 模块中导入必要的文件，如下所示：

这给出了错误：

我认为 ngx-translate 期望的包不匹配，但我不知道是什么以及如何。我的@angular/http 版本是 4.3.2 有人知道该怎么做吗？

I have all configuration and setting following instructions.

app.module.ts

Component:

And view component:

This library does not work for me, it alwsays displays key of word Intro instead value translations.

There are not any errors in console. Why ngx-translate does not work or what I do wrong.

我已经通过 Google 和 Stackoverflow 寻找答案，但没有找到解决方案。

我按照网站上的说明进行操作

我的步骤：

1) 使用 . 创建了一个 Angular 4 项目ng new NGXTest。

2）在项目文件夹中，执行：

3）添加进口：

4）添加到app.module.ts下一行：

这是问题开始的时候。

Visual Studio Code、Web 执行和 Git 终端中的错误

如果我继续本教程，我还会在 Git 终端中遇到其他错误。

半天以来，我尝试将 ngx-translate 与 angular Universal starter app 一起使用，但没有成功https://github.com/angular/universal-starter。有人知道为什么以下不起作用？

当我启动npm start我的服务器并重新加载我的页面时，我简要地看到在被替换之前找到了翻译key，传统上显示某些东西不适用于 ngx-translate。此外，当我更改翻译路径时，server-app.module.ts我在服务器的控制台中看到一个错误，因此我认为我的服务器部分没问题，并且问题来自客户端。

app.module.ts：

浏览器-app.module.ts：

服务器-app.module.ts：

翻译通用加载器：

webpack.common.js：

app.component.ts：

此外，当我查询时，我http://localhost:8000/assets/i18n/en.json分别得到了我的 en.json 的有效答案：

任何帮助表示赞赏，这让我发疯。

我想制作一个多语言的 Angular 4 应用程序。我已按照Angular 2 - Multilingual Support上的答案进行操作， 但它不起作用。

我在该页面上执行了从 1 到 5 的每一步，并且我的 appmodule 看起来都一样。

我在我的资产文件夹中的 i18n 文件夹中有一个文件 en.json。该文件包含

在我的 HTML 中：

当我使用它时，我得到 TEST 而不是小测试。这真的很烦人，因为我想添加多种语言。

编辑
我已将此代码添加到我的 appmodule.ts 中（仅需要添加）

我正在使用 ngx-translate 方法 setTranslate 在运行时在某些条件下将 new_lang.json 文件合并到我的 lang.json 文件中。我将方法的第三个参数作为 true (shouldMerge) 传递。

new_lang.json 文件具有与 lang.json 相同的 json 对象键，但有一些值更改。当我的条件成立时，new_lang.json 被深度合并到 lang.json 并形成一个更新的 lang.json。

示例代码 -

在我的 app.component.ts 里面的 ngOnInit -

当前行为

合并后，当我尝试使用键 (translate.get() ) 方法获取 json 数据时，它会从 new_lang.json 而不是更新的 lang.json 文件中获取新值。

预期/期望的行为值应该取自 lang.json 而不是 new_lang.json

请告诉我们您的环境：

**ngx 翻译版本：7.0.x

**角度版本：2.xx

**浏览器：全部

我正在使用 ngx-translate 来支持多语言，它工作正常。但我也想申请菜单项。我如何做到这一点。

我有 3 个菜单项，我想更改每个标题的语言。

ts文件

HTML

还有我的 module.ts