Dynamically generate key with scope value AngularJs

Question

I have an angular directive which prints a title with key contained in a messages.properties file. I would like to dynamically generate the key by concatenate 'root.'+scope.value + '.title' like this

titre="{{ 'flux.' + 'typeFlux' + '.title' }}"

The result should be like titre="{{ 'flux.typeFlux.title' }}"

How can i do this in my html file?

Thanks.

Yes, I understand that. Every variable you use in an angular expression is always evaluated as a scope attribute. — JB Nizet
– JB Nizet, Commented Sep 14, 2017 at 16:25

Claies · Accepted Answer · 2017-09-14 16:35:30Z

2

In this instance, you want to use Object Bracket Notation. The dynamic portion of the expression is used as an object property reference, like so:

{{flux[typeFlux].title}}

http://plnkr.co/edit/OHK7XqZyv2eKhrOROkqi?p=preview

answered Sep 14, 2017 at 16:35

Claies

22.4k4 gold badges56 silver badges81 bronze badges

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

3 Comments

Gabistic Over a year ago

Thanks for your answer. I will try it tomorrow

Claies Over a year ago

your sample doesn't work for multiple reasons. Firstly, you can't create an object the way you have tried (i.e. $scope.flux.webdyn.title = 'Title Webdyn'; won't work to create the nested properties). Secondly, there is no . between the object and the property in the HTML (i.e. it's flux[flux.typeflux].title in your example, not flux.[ ...

Claies Over a year ago

I forked your example to show it working: plnkr.co/edit/lBNVqx02jg3bDYTh4MHw?p=preview

Collectives™ on Stack Overflow

Dynamically generate key with scope value AngularJs

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related