Блог

Я использую 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"
}
  

Спасибо

Если вы хотите перевести Where , Time , и Via текст в вашем placeholder атрибуте, вам нужно:

• измените текст на имя ключа для перевода
• добавьте эти ключи и переводы в свой файл перевода
• добавьте translate канал в свою placeholder атрибутивную {{ ... }} логику

Ваш шаблон будет выглядеть примерно так:

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