用 ngx-translate angular 翻译属性值

Question

我正在尝试将 ngx-translate 用于属性值，例如 p-messages 文字， p-column header, p-tabPanelheader

<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 时要非常小心。