使用ngx-translate angular翻译属性值

Question

我试图使用ngx-translate作为属性值，如p-messages文本，p-column标题，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

来自this github issue

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

Answer 2

以下解决方案有效：

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

但要非常小心地在所需模块中导入TranslateModule。