即时参数的翻译

Question

我正在使用 ngx-translate 并且在翻译 HTML 组件中的字符串值时没有问题，但是我如何翻译这样的内容：

  <input matInput tabindex="-1" required placeholder="{{j == 0 ? ('Where') : ( j == passatControlGroup.controls.length - 1 ? 'Time' : 'Via')}}"

我的翻译在 JSON 文件中，我想用 key:value 来制作它，就像我为 HTML 字符串制作的那样。

<mat-icon>{{'passatCarComponent.Clear'|translate}}</mat-icon>

要翻译的语法是什么 ('Where')，如果我想将其写入 JSON 文件，如：

{
"passatCarComponent": "translation for Where"
}

谢谢

Answer 1

如果您想要翻译 placeholder 属性中的 Where、Time 和 Via 文本，您需要：

将文本更改为翻译键的名称
将这些键和翻译添加到您的翻译文件
在您的 placeholder 属性 {{ ... }} 逻辑中添加 translate 管道

您的模板将如下所示：

<input matInput tabindex="-1" required placeholder="{{ (j == 0 ? ('passatCarComponent.Where') : ( j == passatControlGroup.controls.length - 1 ? 'passatCarComponent.Time' : 'passatCarComponent.Via')) | translate }}">

即时参数的翻译

Translation for instant params

ngx-translate

angular