Comment utiliser le contenu d'une variable comme une variable

Bonjour, mon titre n'est peut etre pas très explicite, mais je vais essayer de mieux expliquer.

J'ai un objet, qui a une propriété qui en fait est le nom d'une variable qui devra etre utiliser. et je n'arrive pas a le faire.

Voici un bout de mon code :

pour le JS, la variable en question :

Code:

---

1 2 3 4 5

scope.sightAccountsOptions = [ {"type":"saving","root":"savings"}, {"type":"check","root":"check"}, {"type":"current","root":"current"} ];

---

Pour le HTML, j'aimerais faire ceci :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<div ng-repeat="sightAccountOpt in sightAccountsOptions"> <div data-ng-show="clientAccounts.{{sightAccountOpt.root}}Accounts"> ..... <!-- si je met ceci, j'ai une erreur--> <tr ng-repeat="savingaccount in clientAccounts.{{sightAccountOpt.root}}Accounts >                  <!-- voila ce que je veux avoir, par exemple, comme résultat final-->                <tr ng-repeat="savingaccount in clientAccounts.savingsAccounts > ..... </tr> <div> <div>

---

l'erreur que j'ai :

Code:

---

Error: [$parse:syntax] Syntax Error: Token '{' is an unexpected token at column 16 of the expression [clientAccounts.{{sightAccountOpt}}Accounts].

---

Comment faire pour avoir le résultat attendu ??

Merci

Salut!

tu devrais préparer ton tableau dans un service et le charger à partir de ta variable de la manière suivante :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

var myObject = { myFirstFieldSuffix: ["1", "2"], mySecondFieldSuffix: ["3", "4"], myThirdFieldSuffix: ["5", "6"] };     var prefix = "myFirstField";     console.log(myObject[prefix + "Suffix"]);

---

Voila ce que j'ai essaye

Code:

---

1 2 3 4 5

scope.sightAccountsOptions ={ saving:["savingsAccounts","clientAccounts.avingsAccounts"], check:["checkAccounts","clientAccounts.checkAccounts"], current:["currentAccounts","clientAccounts.currentAccounts"] };

---

Code:

---

1 2 3 4 5 6 7 8

<div ng-repeat="sightAccountOpt in sightAccountsOptions"> <div data-ng-show="sightAccountOpt[0]"> ..... <tr ng-repeat="savingaccount in sightAccountOpt[1]> ..... </tr> </div> </div>

---

et l'erreur

Code:

---

"Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: savingaccount in sightAccountOpt[1]].

---

Salut!

Citation:

---

Envoyé par docAngularJS

The ngRepeat directive instantiates a template once per item from a collection.

---

La doc : ngRepeat


Après, comme c'est indiqué dans la doc, tu peux itérer sur les élements de ton objet comme ceci :

Code:

---

<div ng-repeat="(key, value) in myObj"> ... </div>

---

Et la doc concernant l'erreur de duplication : Duplicate Key in Repeater