double data-binding in AngularJS

Question

Is it possible to make a "double data-binding" with angularJS ?

I want to get mat.Discipline[0].nom_FR in an array that have nom_FR, nom_DE, nom_EN and nom_IT.

mat.Langue[0].langue give me "FR", "DE", "EN" or "IT" depending what language the user choose.

So I would like to use {{mat.Langue[0].langue}} to determine if the discipline should be nom_FR, nom_DE or another...

I try to do something like that: {{mat.Discipline[0].nom_{{mat.Langue[0].langue}}}} but of course, it doesn't work...

Do you have an idea ? Thanks a lot!

Jaqen H'ghar · Accepted Answer · 2016-08-06 10:55:35Z

1

Use square brackets notation:

{{mat.Discipline[0]["nom_" + mat.Langue[0].langue]}};

answered Aug 6, 2016 at 10:55

Jaqen H'ghar

17k8 gold badges52 silver badges53 bronze badges

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

2 Comments

Nooka10 Over a year ago

Thanks for the answer! Saddly, it doesn't work... I don't have an error, but nothing appears in the HTML, like if he found nothing...

Jaqen H'ghar Over a year ago

@Nooka10 well it probably solved the original problem but there's another one :) If you want post a jsfiddle I'll take a look

Nooka10 · Accepted Answer · 2016-08-06 12:00:18Z

0

Thanks a lot, it finally work! ^^

I use your answer, but in javascript and it work!

Here is what I do in my Javascript:

for (var i = 0; i < vm.allMateriel.length; i ++) {
  var langue = vm.allMateriel[i].Langue[0].langue;
  vm.allMateriel[i].Discipline[0].nom = vm.allMateriel[i].Discipline[0]['nom_' + langue];
}

answered Aug 6, 2016 at 12:00

Nooka10

134 bronze badges

Collectives™ on Stack Overflow

double data-binding in AngularJS

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related