Question

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

{
  "hello_world": "Hola Mundo"
}

当我使用简单的硬编码字符串时，它工作正常，我得到了正确的翻译：

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

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

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

如何更改这些＆＃39;显示＆＃39;和＆＃39;隐藏＆＃39;使用Angular Translate将值转换为翻译过滤器？我尝试了不同的方法但是语法错误无效。谢谢！

Answer 1

我认为如果你将ternary operator打包到()，它就可以了。

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

Answer 2

你可以试试这个：

在这里，当您选择西班牙语时，我会在线和离线创建用户名，用户在线状态将根据三元条件变为spnish。

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

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

Answer 3

我刚刚想出了解决方案！对于三元运营商，我们必须使用＆＃39; translate＆＃39;指令而不是过滤器。它运作得很好：

{
  "show_value": "Show",
  "hide_value": "Hide",
}

<button translate> {{ conditionValue ? "show_value" : "hide_value" }} </button>

Answer 4

如果存在前缀

{{ ('massmedias.' + (ctrl.actionType === 'add' ? 'add' : 'rename')) | translate }}

Answer 5

这是您的语言JSON文件

"CONFIGURATION": {
    "NEW_TEMPLATE": "New Template",
    "EDIT_TEMPLATE": "Edit Template"
}

CASE-I（带有HTML标记）

<button> {{ ( variable === '5' ? 'CONFIGURATION.NEW_TEMPLATE' : 'CONFIGURATION.EDIT_TEMPLATE' ) | translate }} </button>

CASE-II（具有某些第三方属性）

<p-dialog header="{{(variable === '5' ? 'CONFIGURATION.NEW_TEMPLATE' : 'CONFIGURATION.EDIT_TEMPLATE') | translate}}">