Récupérer une valeur dans un ng-repeat par l'index

Bonjour à tous,

Je suis en train de tester AngularJS qui me plaît beaucoup dans ce concept.
Par contre, je suis bloqué sur un truc tout bête.

Je récupère du JSON, je boucle dessus avec Angular :

Code:

---

1 2 3 4

<li ng-repeat="valeur in valeurs"> <div><b>{{$index}}</b> {{ valeur }} </div> </li>

---

Ceci donne :

Code:

---

1 2 3 4

0 {valeur1, valeur2} 1 {valeur1, valeur2} 2 {valeur1, valeur2}

---

Donc je voudrais récupérer séparément valeur1 et valeur2, j'ai donc testé :

Code:

---

1 2 3 4

<li ng-repeat="valeur in valeurs"> <div><b>{{$index}}</b> {{ valeur[ 0 ] }} </div> </li>

---

mais ça ne marche pas.
Quel est la syntaxe ?

valeur ne semble pas être un tableau avec indice (Array) mais un tableau "associatif" (un Object).

Donc :
{{ valeur['valeur1'] }} et {{ valeur['valeur2'] }}

Merci pour ta réponse mais je me suis trompé sur un point

En fait la forme est

0 {valeur1: valeur2}
1 {valeur1: valeur2}
2 {valeur1: valeur2}


plutôt que

0 {valeur1, valeur2}
1 {valeur1, valeur2}
2 {valeur1, valeur2}

Donc {{ valeur['valeur1'] }} affichera la valeur de valeur2

Justement, le problème est que je ne connais pas la chaine valeur1, et il faut que je récupère celle ci, tu vois ?

Concrètement j'ai un json à chaque ligne:

Code:

---

1 2 3 4

{"745" : "31207 -Mars T1 "} {"236" : "31203 -Saturne S4"} {"3" : "31205 - Lune"}

---

Par exemple, sur la ligne 1, je ne connais pas 745...mais il faut que je récupère cette valeur.

Peut-être faudrait il revoir le JSON alors ?

Code:

---

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

var valeurs = [ { id: 745, ref: "31207 - Mars T1 " }, { id: 236, ref: "31203 - Saturne S4" }, { id: 236, ref: "31205 - Lune" } ]

---

Code:

---

1 2 3

<li ng-repeat="valeur in valeurs"> <div><b>{{$index}}</b> {{ valeur['id'] }} - {{ valeur['ref'] }}</div> </li>

---

Le problème c'est que je ne peux pas toucher au service distant :(

à part faire une double boucle, je ne vois pas : Exemple
Après, peut - être que quelqu'un plus calé que moi en Angular trouvera une solution plus approprié

pour tout ce qui est collection/tableau Underscore . Tu peux créer le tableau donné par Kaamo plus haut

Code:

---

1 2 3 4 5 6 7 8 9 10

var destination= []; _.each($scope.valeurs, function (value, key, list) {   destination.push({"id": key, "value"; value}); }   $scope.tableauvaleurs = destination; /** * eventuellement transformer le code en fonction */

---

j'utilise ce genre de transformation un peu partout de manière à ne plus toucher le serveur les objets venu du serveur.

Hello tout le monde,

Même idée que devyreham mais en n'utilisant pas de lib supplémentaire comme Underscore mais la fonction Object.getOwnPropertyNames() : Demo sur JSFiddle

Salut,

pour boucler sur un objet (tableau associatif): value as key for (key, value) in values