如何使用NGX-translate实现条件字符串插值翻译

步骤1：配置翻译文件 #

在你的ngx-translate翻译文件中添加对应键值对：

• 英文翻译文件（如en.json）：

{
  "enabled": "Enabled",
  "disabled": "Disabled"
}

• 中文翻译文件（如zh.json）：

{
  "enabled": "启用",
  "disabled": "禁用"
}

步骤2：修改模板代码 #

替换原有的三元表达式，使用ngx-translate管道动态渲染翻译文本：

{{ (toggleRedirect ? 'disabled' : 'enabled') | translate }}

也可以拆分管道写法，效果一致：

{{ toggleRedirect ? 'disabled' | translate : 'enabled' | translate }}

验证效果 #

切换应用语言时，按钮文本会自动切换为对应语言的“启用”/“禁用”；切换按钮状态时，文本也会同步更新。

内容的提问来源于stack exchange，提问作者MrRobot