我正在使用 ng2-translate 进行 Angular 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 。
谢谢你的帮助!!!