使用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

從這個github問題

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

Answer 2

以下解決方案有效：

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

但是要非常小心，在所需的模塊中導入TranslateModule。