переводить значения атрибутов с помощью ngx-translate angular

Я пытаюсь использовать ngx-translate для значений атрибутов, таких как текст p-сообщений, заголовок p-столбца, заголовок p-tabPanel

<p-message text="text"></p-message>

<p-column header="text"></p-column>

<p-tabPanel header="text">

Я пробовал следующее, но это не работает:

<p-tabPanel header="'key' | translate">

<p-tabPanel header="{{'key' | translate}}">

<p-tabPanel [attr.header]="'key' | translate">

Есть ли способ использовать для этого ngx-translate?


angular ngx-translate
person uzzi    schedule 12.04.2019    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Следующее решение сработало:

 <p-tabPanel header="{{'key' | translate}}">

Но будьте очень осторожны, чтобы импортировать TranslateModule в нужный модуль.

person uzzi    schedule 12.04.2019

arrow_upward
1
arrow_downward

Из этой проблемы с github

<img src="image.jpg" [attr.alt]="'key' | translate"> or like this:
<input placeholder="{{'key' | translate}}">
person Ferenc    schedule 12.04.2019
comment
Спасибо за ответ @Ferenc. Я пробовал эту модель для моей ситуации, и она не работает: ‹p-tabPanel [attr.header] = 'key' | перевести> - person uzzi; 12.04.2019
comment
Это странно. Помогает ли вообще эта скрипка ? - person Ferenc; 12.04.2019
comment
Увидев эту скрипку, я понял, что проблема заключалась не в импорте TranslateModule в правильный модуль, который содержал компоненты. Так что спасибо за вашу помощь и время. Сработало следующее: ‹p-tabPanel header = {{'key' | перевести}}> - person uzzi; 12.04.2019