Proper values for innerHTML and translate Angular

Question

In translate json i have something like this

"Take": "The '<b>{{Name}}</b>' is assigned to user <b>{{user}}</b> until <b>{{Date}}</b>"

But when i try something like this in html

<p [innerHTML]="'Take' | translate: '{ Name: options.Name, user: options.user, Date: options.date }'">
</p>

And object

options = {
Name: John,
user: Rambo,
Date: 22/02/1997
}

I got this error ERROR SyntaxError: Wrong parameter in TranslatePipe. Expected a valid Object, received: I dont know where I am taking this wrong?

<p innerHTML="{{'Take' | translate: {' Name': options.Name, 'user': options.user, 'Date': options.date } }}"> </p> — user10863293
– user10863293, Commented Sep 26, 2019 at 12:23

user4676340 · Accepted Answer · 2019-09-26 12:13:36Z

5

translate: '{ Name: options.Name, user: options.user, Date: options.date }'

Means your sending a string.

Try with

translate: { Name: options.Name, user: options.user, Date: options.date }

answered Sep 26, 2019 at 12:13

user4676340

Sign up to request clarification or add additional context in comments.

Comments

juana pu · Accepted Answer · 2019-09-26 12:23:38Z

0

<p [innerHTML]="'Take' | translate: { Name: options.Name, user: options.user, Date: options.date }">

is the right syntax.

I was confused with it sometimes too. Below is a more complicated usage case. Share here, in the case later you may need.

[attr.aria-label]="(_variable1$ | async) ? ('translateVariable' | translate: { translateProperty: _variable2 }) : ''"

answered Sep 26, 2019 at 12:23

juana pu

1611 silver badge7 bronze badges

Collectives™ on Stack Overflow

Proper values for innerHTML and translate Angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related