问题标签 [ngx-translate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
774 浏览

javascript - 资产更改时更新服务人员

我注意到我的 Angular 构建(使用 Angular-cli)没有更新我的翻译(使用ngx-translate - 即使在从浏览器中删除缓存之后也是如此。

在我的angular-cli.json,我已经设置serviceWorkertrue。我尝试将其切换到false并正确显示更新的翻译文件。所以,我猜服务人员在生成新版本时没有更新我的翻译文件。

有什么想法可以确保我的资产在更改时得到更新?是否angular-cli支持在构建之前配置我们的服务工作者的任何方式?我在他们的文档中没有找到太多关于它的信息。

0 投票
4 回答
25249 浏览

angular - 在字符串中放入新行以进行翻译

我正在使用 ngx 翻译。

如何在要翻译的字符串中放置换行符?

在我的模板中,我有:

在我的 en.json 中:

0 投票
1 回答
771 浏览

angular - 角度翻译文件(ngx-translate)被加载两次

我注意到,在浏览器的开发者工具网络选项卡中,我的 Angular 应用程序翻译文件被加载了两次。

怎么了?这应该发生吗?

网络选项卡

0 投票
1 回答
10560 浏览

angular - ngx-translate/core “错误:没有 HttpClient 的提供者!”

我已经下载了包 ngx-translate/core,并按照文档说明进行操作。

我无法让翻译工作。我做的步骤:

1] 在 AppModule 中定义所有内容

2] 在 AppComponent 中定义所有内容

3] html

4] 最后在 assets/i18n/en.json 中创建

我在下面的屏幕截图中不断收到这些错误 浏览器控制台中的弹出窗口出错

我究竟做错了什么 ?

0 投票
1 回答
4577 浏览

angular - 由于错误,预渲染失败:错误:模块构建失败:错误:ENOENT:没有这样的文件或目录,打开

我正在尝试使用 ngx-translate 或 ng2-translate 几个月...

我继续放手一段时间,继续开发应用程序的其他部分。

我现在再次尝试使用 Core 2,但仍然没有运气。

我创建了这个项目,它运行良好。我可以更改或创建 Angular 组件,一切运行良好。

一旦我安装 ngx-translate ( https://www.npmjs.com/package/@ngx-translate/core ) 或 ng2-translate ( https://www.npmjs.com/package/ng2-translate ) 什么都没有作品。我遇到的最常见的问题是

我在安装时收到这些警告:

npm install @ngx-translate/core --save

对于 npm 安装 @ngx-translate/http-loader

这不是我获得“预渲染失败,因为...”的唯一文件。例如,最奇怪的是如果我下载 Mark Pieszak 模板https://github.com/MarkPieszak/aspnetcore-angular2-universal。我在错误中得到另一个文件:

没有我做任何改变......这是Windows问题还是什么?

从 github 上的其他问题和问题,例如Ionic:错误:模块构建失败:错误:ENOENT:没有这样的文件或目录 我怀疑在我将 Angular 更新到最新版本 4.3.6 之后,一些包已经改变了它们的大小写,但是我找不到他们。

我还没有编写代码来使用这些包之一......

我的 package.json 是:

我的 app.module.ts 是:

GIT 存储库在这里https://github.com/dobrinsky/AngularDefault

请帮助...这很难理解为什么不起作用,因为每个人都说它很容易使用...

PS我没有使用webpack。这 2 个包需要 webpack 才能运行吗?

更新:使用npm install webpack抛出

在此之后我尝试了:

  • 完全卸载节点(以及任何版本管理器/等)
  • 转到 %AppData% / roaming 删除那里的任何 npm 或 npm 缓存文件夹
  • 重启你的机器,安装最新的 Node 6.*
  • npm i -g webpack

安装时我没有收到上述警告,但现在我得到:

0 投票
8 回答
56569 浏览

angular - 打字稿中的Angular ngx-translate用法

我正在使用这个 @ngx-translate/core i18n 服务,它在模板 (.html) 中使用以下语法运行良好:

{{'my.i18n.key'|翻译}}

现在我想在我的组件打字稿文件(.ts)中翻译一些东西,但我不知道如何使用它。

我可以在构造函数中创建翻译对象:

构造函数(私人翻译:TranslateService){}

现在如何翻译'my.i18n.key'?

0 投票
1 回答
1862 浏览

angular - ngx-translate 在 ng-bootstrap 模式下不起作用

ngx-translate'管道在'模式translate中不起作用。ng-bootstrap

示例屏幕

0 投票
0 回答
1620 浏览

angular - 在多模块 Angular 设置和子库中使用 ngx-translate

我在我的 Angular 应用程序中使用ngx-translate进行翻译。它适用于简单的项目设置,但我们开发了一个大型业务应用程序,并且不同的组件被分成几个单独的库。

一些库确实需要进行一些翻译,当然,只需单击同一个按钮,应用程序的所有部分的翻译都会发生变化。

使用angular-librarian捆绑组件库到目前为止,我还没有成功地ngx-translate为顶级 Angular-Cli 项目和包含的 Angular-librarian 库创建一个实例。

我已经尝试了几个项目设置,基本上使用了各种导入ngx-translateforRoot()/或forChild()不成功的组合。我总是缺少提供者,出现文本,但语言没有一起改变或根本没有改变等等。pp。

有没有人拉过这个并且可以展示一个有效的项目设置示例/ plunkr?

0 投票
2 回答
6969 浏览

javascript - Angular translate service, interpolate params in nested json

In angular translation service, interpolating params in normal translation json works well. But in nested json, interpolating params is not working.

My JSON:

My Angular Code:

Expected Output:

Actual Output:

0 投票
1 回答
909 浏览

angular - ngx-translate 特殊字符问题

在我的 Angular 4 项目中,我使用的是 ngx-translate。我对像 à 这样的特殊字符有疑问,我只看到一个?。我需要使用特定的东西来翻译特殊字符吗?我的项目是 utf-8

在此处输入图像描述