字符串中的Angular 2绑定表达式（ng2-translate）

Question

我正在使用ng2-translate进行角度2的国际化。 我有一个标签，其中包含如下字符串：

<label> Step {{stepNumber}} of {{totalSteps}} </label>

其中stepNumber和totalSteps是我的组件中的属性。

用于国际化我将一个密钥存储在我的资源文件中并使用ng2-translate管道。

en.json：

{
  "KEY_STEP_COUNT": "Step {{stepNumber}} of {{totalSteps}}"
}

fr.json：

{
  "KEY_STEP_COUNT": "Étape {{stepNumber}} sur {{totalSteps}}"
}

在我的html中使用它如下：

<label> {{ 'KEY_STEP_COUNT' | translate}} </label>

我得到的输出是

EN：

"Step {{stepNumber}} of {{totalSteps}}"

FR：

"Étape {{stepNumber}} sur {{totalSteps}}"

预期产出：

EN：

"Step 1 of 11"

FR：

"Étape 1 sur 11"

是否可以在带有angular2的字符串绑定中添加表达式？

如果可能的话，我想使用angular2绑定而不是string.replace。

感谢您的帮助!!!

Answer 1

您必须将对象添加为管道参数，如：

{{ 'KEY_STEP_COUNT' | translate: {stepNumber: 15, totalSteps: 25} }}