三元运算符中的角度翻译过滤器

Question

我正在尝试将我的项目翻译成另一种语言。我使用了角度翻译库并提供了一个带有翻译的外部 JSON 文件。它看起来像这样：

 {
  "hello_world": "Hola Mundo"
}

当我将它与简单的硬编码字符串一起使用时，它工作得很好并且我得到了正确的翻译：

 <p>{{ "hello_world" | translate }}</p>

但是如何在这样的代码中处理三元运算符呢？

 <button> {{ conditionValue ? 'Show' : 'Hide' }} </button>

如何使用 Angular Translate 将这些“显示”和“隐藏”值更改为翻译过滤器？我尝试了不同的方法，但出现了无效的语法错误。谢谢！

原文由 Luchnik 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我想如果你把 ternary operator 包装成 () ，它就会起作用。

 <button> {{ ( conditionValue ? 'Show' : 'Hide' ) | translate }} </button>

原文由 Suren Srapyan 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

你可以试试这个：

这里我把用户名设为在线和离线，当你选择soanish时，用户在线状态会根据三元条件变成spnish。

https://plnkr.co/edit/o16dpI?p=preview

 [https://plnkr.co/edit/o16dpI?p=preview][1]

{{ ( userName ? 'Show' : 'Hide' ) | translate }}

原文由 Kunvar Singh 发布，翻译遵循 CC BY-SA 3.0 许可协议