Parcours d’une collection

Salutations,

Une fois de plus, je m’adresse à vous dans une profonde détresse car j’ai encore un problème avec AngularJS, recevez toutes mes excuses…

La question me paraissait pourtant facile à résoudre (comme d’habitude), mais je n’y arrive pas.

Je vais mettre un Plunker, mais d’abord, je résume la situation :

Je veux parcourir une collection d’objets (j’ai pris un exemple d’ensemble trouvé sur internet), avec la nouvelle convention d’écriture AngularJS, j’ai simplement mis les données dans une

variable. J’arrive à récupérer la première couche de données (c’est à dire user), mais pas uniquement les noms. Je me suis souvenu qu’on ne pouvait pas faire la manipulation aussi simplement que {{ user.name }} ; il faut créer une variable vide portant le nom de la première variable plus de la première couche. Mais ça n’a pas fonctionné, la première couche ne s’affiche plus et cela me parait logique vu le code écrit.

Quoi qu’il en soit, je ne sais plus ou ne me souviens plus comment on fait.

PLUNKER

Merci de votre lumière.

Bonjour,
ng-repeat ne fait pas l'affaire ?

Code:

---

1 2 3 4

<tr ng-repeat="item in items"> <td>{{ item.propriete_1 }}</td> <td>{{ item.propriete_2 }}</td> <!-- la suite -->

---

Merci pour ta réponse, mais, malheureusement, rien ne change.

Je viens de trouver ! En fait, je ne sais pas si c’est tout à fait normal (je suppose que oui quand même parce que un code dont les règles changeraient parfois, faudrait pas abuser), mais il fallait faire :

Code:

---

1 2 3 4

<tr ng-repeat="user in c.test.users" > <td>{{ user.name }}</td> <td>{{ user.id }}</td> </tr>

---

C’est presque ta réponse en fait. Encore merci :)

Néanmoins, un autre problème se met en travers de ma route. J’ai une autre collection

Code:

---

1 2 3 4 5 6 7 8 9 10

"users" : [{ "names ": [{ "name": "Joe Bloggs", "name": "Machin T" }], "id": "82047392" },{ "names": [{"name": "John Doe"}], "id": "65198013" }]

---

Et j’aimerais accéder au différents nom par la même méthode que précédemment.
J’ai écris :

Code:

---

1 2 3

<tr ng-repeat="user in c.data.users"> <td>{{ user.names.name }}</td> </tr>

---

Mais ça ne semble pas être la solution ; d’ailleurs quand j’enlève le user.names.name et laisse user, Joe Bloggs n’apparaît pas (il ne prend que le deuxième nom du sous ensemble names à chaque fois).
Pour ce petit problème, il suffisait d’écrire :

Code:

---

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

"users" : [{ "names ": [{ "name": "Joe Bloggs"},{ "name": "Machin T"},{ "name": "A B" }], "id": "82047392" },{ "names": [{ "name": "John Doe"},{ "name": "Truc C" }], "id": "65198013" }]

---

Quoique, si je fais user.names, il m’affiche seulement la deuxième série de noms. Et je ne parvient toujours pas à afficher uniquement les noms dans le tableau…

Je lis qu’il faut peut être utiliser une boucle ou des ng-repeat imbriqués, peut être même par indexation, pour accéder à tout ce à quoi je n’arrive pas à accéder.

Salut,
Dans ton objet, tu as un tableau d'utilisateurs.
En AngularJS, pour boucler sur un tableau, on utilise un ng-repeat comme te l'a indiqué NoSmoking.
Après, tu as ajouté des tableaux imbriqués dans l'objet. Autrement dit, tu as un tableau de noms dans chaque objet user.
Puisque tu utilise un ng-repeat pour boucler sur les users, et bien il faudrait utiliser la même chose pour les noms. Et tu utilise donc des ng-repeat imbriqués.

Code:

---

1 2 3 4 5 6 7 8

<tr ng-repeat="user in c.test.users"> <td> <ul> <li ng-repeat="name in user.names">{{name}}</li> </ul> </td> <td>{{ user.id }}</td> </tr>

---

Oui, génial :)


Du coup j’ai fait ça :

Code:

---

<td><span ng-repeat="name in user.names">{{ name.name + ' ' }}</span></td>

---

et j’ai uniquement les noms…mais seulement John Doe et Truc C (ce qui, qu’on se le dise, n’est pas cool).

Autre remarque,
Je sais pas si tu as étudié les diagrammes d'états... mais tu peux représenter chaque tableau des noms (names) sous forme d'état. Car selon son contenu, un tableau peut avoir plusieurs états. Pareil pour les objets.
Si tu utilise donc un tableau pour la liste des noms, ton état n'est pas déterministe. Il vaut mieux utiliser un objet car on connait les différents noms que peut avoir une personne. Autrement dit, la taille de ton tableau ou le nombre de noms est connu, alors qu'on peut quand même y ajouter deséléments (c'est pourquoi on parle de non déterminisme).
Tu peux donc modifier ton objet comme suit (et bien sûr n'utiliser qu'un seul ng-repeat) :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

{ "users": [ { "name": { "first": "", "last": "", "nickname": "" }, "id": "82047392" }, { "name": { "first": "", "last": "", "nickname": "" }, "id": "65198013" } ] }

---

et n'oublie pas le bouton résolu si ton problème l'est :wink: