首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用ng2-translate with参数

使用ng2-translate with参数
EN

Stack Overflow用户
提问于 2016-11-03 04:39:31
回答 2查看 20.7K关注 0票数 8

我尝试在模板中使用带参数的ng2-translate:

代码语言:javascript
复制
{{ test | translation:{value:param} }}

而且它工作得很完美。我想在我的typescript中构建我的翻译,我看到了这个函数:

代码语言:javascript
复制
get(key: string|Array<string>, interpolateParams?: Object): Observable<string|Object>

但是我不知道怎么用它。

你们有什么例子吗?

我的案例是:

en.json:

代码语言:javascript
复制
{ "test":"the level of {value1} and {value2} is low."}

打字:

代码语言:javascript
复制
let message:string = "";
let parametres = ["1", "2"];
this._translateService.get("test", parametres).subscribe((res:string) => {
    message += res;
});

我想有:1和2的水平是低的。

非常感谢。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-11-08 17:54:06

当您提供键/值作为参数而不是数组时,它会起作用。

打字:

代码语言:javascript
复制
let message:string = "";
let parametres = {value1: "1", value2: "2"};
this._translateService.get("test", parametres).subscribe((res:string) => {
    message += res;
});

另外,根据文档,您应该用双花括号声明占位符。

en.json:

代码语言:javascript
复制
{ "test": "the level of {{value1}} and {{value2}} is low." }
票数 6
EN

Stack Overflow用户

发布于 2017-10-06 03:23:10

在en_US.json文件中,遵循以下格式以包含x和y(这将是我们希望用数字替换的参数。

代码语言:javascript
复制
{"Showing": "Showing {{x}} of {{y}}"}

在component.ts中,min,max将是我们填充的变量。

代码语言:javascript
复制
  min: number;
  max: number;

以下内容将成为component.html的一部分

代码语言:javascript
复制
<span> {{ 'Showing' | translate:{x: min, y: max} }} </span>
票数 20
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40389398

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档