angular - 使用带有参数的 ng2-translate

Question

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

{{ test | translation:{value:param} }}

而且效果很好。我想在我的 typescript 中构建我的翻译，我看到了这个功能:

get(key: string|Array<string>, interpolateParams?: Object): Observable<string|Object>

但是我不知道怎么用。

你们有什么例子吗？

我的情况是:

zh.json:

{ "test":"the level of {value1} and {value2} is low."}

typescript :

let message:string = "";
let parametres = ["1", "2"];
this._translateService.get("test", parametres).subscribe((res:string) => {
    message += res;
});

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

非常感谢。

Answer 1

在 en_US.json 文件中，按照以下格式包含 x 和 y(这将是我们要用数字替换的参数。

{"Showing": "Showing {{x}} of {{y}}"}

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

  min: number;
  max: number;

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

<span> {{ 'Showing' | translate:{x: min, y: max} }} </span>