问题标签 [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 回答
2056 浏览

angular - Ionic 3 with ngx-translate - Lazy loaded

I'm trying to integrate the ngx-translate plugin into my Ionic 3 project with lazy loading. I've followed the guide on the Ionic Framework website.

The default language loads but using translate.use() has no effect at all.

I've posted the project on gitbub and any help would be greatly appreciated.

Here is the link to the repo: https://github.com/sumodevelopment/ngx-translate-test

0 投票
1 回答
282 浏览

ionic2 - 在 Ionic 中使用 ngx-translate 传递翻译值

我正在尝试找到一种在 Ionic 中使用 ngx-translate 传递翻译值的方法(我想在 中进行ion-card)。

当然,我可以显示如下值:

但是如何将结果作为参数传递?

我试过:

0 投票
1 回答
2208 浏览

angular - 服务器上通过 Http 请求的 URL 必须是绝对的。网址:./assets/i18n/en.json

我是 Angular 2 的新手,我在 ngx-translate 组件中有以下问题(通过服务器上的 Http 请求的 URL 必须是绝对的。URL:./assets/i18n/en.json)。我确信这个 en.json 文件在那里,因为我向它发出 http 请求并且请求成功

这是我的 app.module.server.ts 文件:


这是我的 app.module.cleint.ts 文件:

这是我的 app.module.shared.ts 文件:

0 投票
1 回答
285 浏览

angular - ngx-restangular 和 @ngx-translate/core 可以一起工作吗?

我正在尝试在同一个项目中同时使用 ngx-restangular 1.0.11 和 @ngx-translate 7.0.0。但是,我一次只能让其中一个工作。我将日志语句放在导入期间调用的每个工厂中,并且一次只调用其中一个。我很困惑!有没有人在 Angular 4 中成功使用过这两种方法?

这是一个试图将它们都包含在内的 plunker。https://plnkr.co/edit/ecefQcRHV3q5UTZa5H8q?p=preview。如果不包括另一个,则每个都可以工作,但是通过将它们都放在应用程序中,只有一个可以工作。(我还没有找到一种一致的方法来让它切换到另一个——仅仅注释掉一个正在工作的并不总是让另一个开始工作)

这是我的app.ts文件(模块文件):

谢谢你的帮助!

0 投票
0 回答
1652 浏览

angular - Angular 2:使用在构造函数中注入的 ngx-translate 实例化组件外部的服务

我想在定义重定向到正确语言而不是静态语言的路由之前设置一个名为 bootLang 的变量。我创建了一个服务,它计算并返回本地存储中的语言(如果已设置)或浏览器语言。为此,我需要来自 ngx-translate 模块的 TranslateService。

计算语言bootstrap.service.ts

我需要在定义路由之前实例化此服务,以便计算我必须在重定向路由定义中放置的语言。

应用程序路由.module.ts

为此,我尝试使用我在 AppModule 中指定的工厂。

这样我得到了这个错误。

实际上 TranslateService 可以像服务一样使用,但它没有用 @injectable() 装饰器声明。我尝试了许多其他解决方法来达到我的目标,例如在 ComputeLangBootstrapService 中使用注入器在构造函数之外实例化 TranslateService 或创建 Guard,但它没有在重定向路由中被检查,因为重定向发生在检查 Guard 之前。有人知道实现我的目标的最佳做法是什么?

0 投票
1 回答
67 浏览

javascript - 如何使用 ng2-translate 的翻译管道在不使用 .json 文件路径的情况下传递用于翻译的密钥

使用.json可以正常工作:

但我需要如何从 CMS 等服务中获取翻译后的数据。如何将两个参数传递给翻译管道(键和站点地图)?以及如何编写服务来访问服务器。

0 投票
3 回答
11739 浏览

javascript - 如何在 ngx-translate 中使用 TranslateHttpLoader 和服务 url

我正在尝试使用服务 URL 从内容管理系统获取翻译文本。当我使用 JSON 文件时,它运行良好,但如何使用服务 URL 来获取翻译数据?

这是不起作用的代码:

0 投票
1 回答
3846 浏览

angular - @ngx-translate 可观察到不会因语言更改而触发

将 angular2 与 @ngx-translate 模块一起使用

我根据用户选择进行语言更改并使用以下代码设置语言:

在其他组件的其他地方,我使用 .get observable 来检索一些标签。

当前语言的初始标签加载正常,但是执行 .use 时,标签不会更改为新语言。observable 不会触发。

为了解决这个问题,我必须执行以下操作:

这显然显得过分了。

使用管道和指令的代码可以完美地切换语言。

我是否误解了 .get 的作用?还是在进行语言切换时我还缺少其他一些技巧。不仅仅是做 this.translate.use(lang);

0 投票
4 回答
7009 浏览

json - ionic 3 应用程序的 ngx 翻译问题

使用 ionic 3 应用程序的 ngx 翻译对我不起作用。下面是我的代码:

app.module.ts

app.component.ts

在上面的文件中,我正在检查本地数据库中的存储首选项,然后在加载应用程序时将其设置为默认语言。

我的 RootPage home.module.ts

主页.ts

主页.html

侧边菜单页面 language.ts

语言.module.ts

语言.html

en.json

嗨.json

在更改语言时,它会显示keys翻译。请让我知道我做错了什么?

0 投票
1 回答
4707 浏览

angular - 如何在 ngx-translate 中使用日期 DatePipe

我定义了这个翻译:

“...在 {{ param3 | date:'mediumDate' }}, {{ param3| date:'shortTime' }}上创建了{{param1}} ({{param2}}) ”

param1 和 param2 被替换,但 param3 没有被替换({{ param3 | date:'mediumDate' }}, {{ param3| date:'shortTime' }} 被打印)...如何在翻译中使用日期管道?