使用 ngx-translate angular 转换属性值答案

【问题标题】：translate attribute values with ngx-translate angular使用 ngx-translate angular 转换属性值
【发布时间】：2019-04-12 07:47:08
【问题描述】：

我正在尝试将 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 来处理这些？

【问题讨论】：

【解决方案1】：

以下解决方案有效：

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

但是在需要的模块中导入 TranslateModule 时要非常小心。

【讨论】：

【解决方案2】：

来自this github issue

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

【讨论】：