三元运算符中的角度平移滤波器

Question

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

{
  "hello_world": "Hola Mundo"
}

当我使用简单的硬编码字符串时它工作得很好,我得到了正确的翻译:

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

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

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

如何将这些"显示"和"隐藏"值更改为使用Angular Translate的翻译过滤器？我尝试了不同的方法但是语法错误无效.谢谢!

Answer 1

我认为,如果你敷ternary operator到(),它会奏效.

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