Build a string inside component.html (Angular)

Question

I'm using @ngx Translate Service. Inside a template, you can use it this way, where 'stringName' is a key inside a JSON file:

{{ 'stringName.subStringname' | translate }}

My problem is that I have to build the key name inside the template, using a string and a variable (whose value is 'subStringname') from the component.ts. I need to build something like this:

{{ `stringName.${variable}` | translate }}

What's the right synthax?

stringName[variable] try like this and check does it works ? — Dhaval Darji
– Dhaval Darji, Commented May 27, 2021 at 11:52

duPleX · Accepted Answer · 2021-05-27 11:53:30Z

1

Try this:

{{ 'stringName.' + variable | translate }}

answered May 27, 2021 at 11:53

duPleX

686 bronze badges

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

Collectives™ on Stack Overflow

Build a string inside component.html (Angular)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related