问题标签 [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 投票
3 回答
5492 浏览

angular - ngx-translate:语言构建路径错误

我最近更新了所有依赖项(yarn upgrade --latest)。

对于翻译,我使用@ngx-translate。现在,当我构建我的项目(yarn run webpack:build)时,它会将语言文件添加到错误的文件夹中,我得到一个 404,因此没有翻译。

所需的结构应该是:/target/www/i18n/de.json

当前文件夹结构为:/target/www/target/www/i18n/de.json

现在我的猜测:设置路径时显然存在错误(附加 ./ 或类似的东西)。

我的问题是:我在哪里可以设置放置编译语言的路径?

我的 package.json 看起来像这样(只是依赖项部分):

0 投票
2 回答
2147 浏览

angular - ngx-translate:重新加载时不显示翻译

在我的 webapp 中,我使用 ngx-translate 模块进行本地化。它适用于我使用管道翻译的 html 字符串。我在 ts 组件中翻译的字符串有问题。字符串被翻译,但如果我重新加载页面它们是空字符串,如果我转到我的应用程序内的其他页面并返回它们又是正常的。我定义了方法:

因此,当我定义变量时,我使用:

我在 app.module 中的配置,加载器:

和进口:

我在 package.json 中的版本:

和角度版本 4.3.6

0 投票
1 回答
998 浏览

angular - angular2/moment 和 ngx-translate 上的动态语言环境

Angular 4.x - ngx-translate - angular2-moment

如何在动态语言环境中使用“amTimeAgo”和“amLocale”?我的意思是,这有效

但我想将“es”转换为动态变量。最好的方法是什么?使用带有 ngx-translate 服务的自定义管道或...从组件内部调用,如下所示:

0 投票
1 回答
2636 浏览

angular - 在多语言网站上更改 css

我使用 angular 4 和ngx-translate. 一个rtl和另一个ltr。如何更改语言更改时的文本方向和文本对齐方式?

我不能使用,因为我不知道如何以角度更改此属性。

任何方式我可以针对每种语言style.css

0 投票
3 回答
29759 浏览

angular - Angular 5 国际化

我正在使用最新的 Angular5 构建一个应用程序,我需要的是让用户能够切换语言。我从来不需要在 Angular2+ 中实现这个(实际上我使用的是 Angular5)。

我需要在两个地方设置翻译:

  • 组件的模板 html - 将标签更改为指定的语言
  • 在 component.ts 文件中的代码中 - 我可能需要翻译一些在代码中特定条件下动态构建的字符串

我正在查看ngx-translation,它看起来可以满足我的所有需求,因为它允许您在不重新构建代码的情况下更改语言,请参见此处。但是我读到它可能会被弃用,因为主要开发人员转移到 Angular 团队来开发他们的 i18n 代码。

我也了解当前的i18n不支持我现在需要的一切,请参见此处

我的问题 - 最新版本的 Angular 中翻译的状态如何?是否有人会推荐其他库,如果确实,Angular 本身还没有得到完全支持(用于更改语言而不重新编译)?ngx-translate 对未来有好处吗?

非常感谢这方面的任何指导!

0 投票
1 回答
1045 浏览

angular - 使用 ngx-translate 选择 FormControl 上的 setValue - Angular 2

我在反应式表单中有一个选择 FormControl,我正在使用来自 ngx-translate 库的管道翻译。在我创建 FormGroup 时初始化 FormControl 时,该值在 DOM 中反映得很好,您实际上可以看到翻译。但是,当我尝试在 FormControl 上重置、setValue 或 patchValue 时,管道转换似乎根本不喜欢它。重置后,我可以控制台记录 FormControl 的值,并实际看到值的变化。它只是没有反映 DOM 中的这种变化。我还尝试将 (ngModelChange) 添加到 FormControl 以在重置后观察值的变化,这也可以,但不会在 DOM 中反映它。我想要的结果是使用重置,因为我可以一次性设置控件的值并重置控件的状态。这是我见过的最奇怪的行为,我无法弄清楚。如果我删除管道转换值的重置工作得很好,并反映了 DOM 中的值。任何帮助,将不胜感激!这是以下代码:

0 投票
1 回答
221 浏览

angularjs - 错误类型错误:无法读取未定义的属性“setDir”

嗨,我是 Ionic/Angular 的新手,我遇到了一个问题,我在里面堆了 20 多天。我制作了一个小应用程序,我想让它成为多语言 RTL 和 LTR,所以我在这里关注文档: https ://ionicframework.com/docs/theming/rtl-support/

但仍然有同样的问题

错误类型错误:无法读取未定义的属性“setDir”

这是我的代码

我使用ionic 3ngx-translate

0 投票
2 回答
822 浏览

angular - 当 url 不可用时如何设置后备 (assets/i18n/en.json) (ngx-translate/http-loader)

我正在使用带有@ngx-translate 模块的Angular4(带有Ionic Framework)。

我的 app.module.ts 中有:

如果 www.example.com 已关闭,或者更糟糕的是,此时互联网连接无法正常工作,我该如何回退以使用本地 url(例如 ./assets/i18n/en.json)?

我正在考虑这个“解决方案”:

当然,我的“解决方案”不起作用.... :(有没有人有一个好的建议或有效的解决方案如何解决这个问题?谢谢!

0 投票
1 回答
64 浏览

javascript - 使用来自可观察/订阅的值过滤数组?

我使用ngx-translate通过我的应用程序翻译关键字,包括标签列表。用户应该能够以任何语言搜索它们。

以前我在做

但它只搜索关键字,而不是通过翻译。

这就是我从钥匙中获得翻译的方式

该变量tag_array是一个键数组,可以翻译。tag_searched包含用户输入。tag_array_filtered是要显示的键数组(未翻译)

我想做什么:(显然不工作)

如何在使用 subscribe 转换值时过滤我的数组?我想将从数组转换的每个值与用户输入进行比较。

我猜我可以用手工制作的循环来做到这一点,但如果已经存在解决方案,它可能会快得多。

0 投票
1 回答
3498 浏览

javascript - ngx 翻译 innerHTML 样式

我使用 Angular 5.0.1 和 ngx-translate/core 8.0.0

我在模板中有这段代码

和 en.json 中的这个字符串

这个代码在我的less文件中

但是内部“a”的颜色将不适用,因为 Angular 创建了这种样式

但 ngx-translate 创建此代码

并且“a”标签没有必要的属性。

那么如何在翻译后呈现 [innerHTML] 模板?