Как использовать перевод в директивном поле?

Question

Я создаю приложение Angular и хочу добавить перевод во все приложение.Для этого я использую метод ngx-перевода .У меня возникла проблема при построении перевода с параметрами: мое приложение отображает [Объектный объект].Я использовал директиву, которая использует поле [message], и ​​это значение необходимо перевести, но я не знаю, как добавить перевод в значение моего сообщения.

Мой компонент следующий:

<app-confirmation-dialog  
[translate]="'demo.greeting'" 
[translateParams]="{name: 'Andreas'}"
[message]="?????????"
[confirmationLabel]="'quit anyway'"
(onConfirmation)="onCancel()"></app-confirmation-dialog>

Я добавил тот же ключ в свой файл перевода:

{
  ....
  "demo": {
    "greeting": "Hello {{name}}!"
  }
  ....
}

У вас есть идея добавить перевод в значение моего сообщения?

Answer 1

Вы не сможете легко использовать директивную форму перевода в этом случае, потому что вы передаете message в качестве атрибута элемента (в данном случае, ввод директивы).Если вы продолжите использовать форму директивы [translate], тогда она будет мешать вашей собственной директиве так, как вам не нужно.

Вместо этого используйте форму канала, передавая объект параметров в качестве аргумента:

<app-confirmation-dialog
  [message]="'demo.greeting' | translate: {name: 'Andreas'}"
  [confirmationLabel]="'quit anyway'"
  (onConfirmation)="onCancel()">
</app-confirmation-dialog>