CODEWITHSUNDEEP
angularngx-translate
uzzi
uzzi

Reputation: 551

translate attribute values with ngx-translate angular

I am trying to use ngx-translate for attribute values like p-messages text, p-column header, p-tabPanel header

<p-message text="text"></p-message>

<p-column header="text"></p-column>

<p-tabPanel header="text">

I tried the following but it doesn't work:

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

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

<p-tabPanel [attr.header]="'key' | translate">

Is there any way to use ngx-translate for these?

Upvotes: 1

Views: 2089

Answers (2)

uzzi
uzzi

Reputation: 551

The following solution worked: 

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

But be very careful to import TranslateModule in the needed module.

Upvotes: 2

Ferenc
Ferenc

Reputation: 537

From this github issue

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

Upvotes: 1

Related Questions