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

Question

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

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

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

为了国际化，我在我的资源文件中存储了一个 key ，并使用 ng2-translate 管道。

zh.json:

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

fr.json:

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

在我的 html 中使用它如下:

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

我得到的输出是

zh:

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

从:

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

预期输出:

zh:

"Step 1 of 11"

从:

"Étape 1 sur 11"

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

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

感谢您的帮助!!!

Answer 1

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

{{ 'KEY_STEP_COUNT' |翻译:{stepNumber: 15, totalSteps: 25} }}