angularjs - 字符串中的Angular 2绑定(bind)表达式(ng2-translate)

我正在使用ng2翻译进行angular 2的国际化工作。
我有一个包含以下字符串的标签：

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

其中StepNumber和TotalSteps是组件中的属性。
为了实现国际化，我在资源文件中存储一个密钥，并使用ng2翻译管道。
杰森：

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

杰森：

{
  "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（如果可能）。
谢谢你的帮助！！！！

最佳答案

必须将对象添加为管道参数，如：
{{ 'KEY_STEP_COUNT' | translate: {stepNumber: 15, totalSteps: 25} }}

关于angularjs - 字符串中的Angular 2绑定(bind)表达式(ng2-translate)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39765063/