Discussion :

[sovo]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[slim]

Salut!

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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"]);

[sovo]

Voila ce que j'ai essaye

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[slim]

Salut!

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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