Discussion :

[LaurentC33]

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 :

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

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

Ceci donne :

Code :

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

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 :

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

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 ?

[Kaamo]

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

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

[LaurentC33]

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}

[Kaamo]

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

[LaurentC33]

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 :

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

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.

[Kaamo]

Peut-être faudrait il revoir le JSON alors ?

Code :

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

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 :

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

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