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

我正在angular 2中使用ng2 translate进行国际化工作。 我有一个包含字符串的标签，如下所示：

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

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

fr.json：

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

在我的html中使用它的示例如下：

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

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

fr:

预期产出：

嗯:

fr:

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

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

---

谢谢你的帮助

必须添加一个对象作为管道参数，如：

---

{{'KEY\u STEP\u COUNT'{STEP number:15，totalSteps:25}}

太棒了！！！非常感谢。此外，我们还可以在类型脚本中使用TranslateParser<代码>this.parser.interpolate（this.translateService.instant（“KEY_STEP_COUNT”），{maxUploadSize:maxUploadSize}）Hi shaikhspear，你能分享你如何为angular2配置ng2 translate的基本知识吗。。我的最后一次尝试到此为止，但最终在使用transle模块的模块中，translate管道的全局注册出现了问题。

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

"Step 1 of 11"

"Étape 1 sur 11"