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

2024-03-26

我正在使用 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 。

谢谢你的帮助!!!


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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

字符串中的 Angular 2 绑定表达式 (ng2-translate) 的相关文章

随机推荐