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>

[LaurentC33]

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

[Kaamo]

à 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é

[devyreham]

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

Code :

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

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.

[sedryk]

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

[beekeep]

Salut,

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