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

Question

Я пытаюсь использовать 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 для них?

Answer 1

С этот выпуск github

<img src="image.jpg" [attr.alt]="'key' | translate"> or like this:
<input placeholder="{{'key' | translate}}">

Answer 2

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

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

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