即时参数翻译

时间:2019-04-13 18:50:56

标签: angular ngx-translate

我正在使用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>

如果我想将其转换为JSON文件,将转换为什么语法(“哪里”)?

{
"passatCarComponent": "translation for Where"
}

谢谢

1 个答案:

答案 0 :(得分:0)

如果您想翻译Where属性中的TimeViaplaceholder文本,则需要:

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

您的模板如下所示:

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