Discussion :

[Swinolani]

Bonjour,

Je suis débutant sur Angular, j'ai réalisé une simple récupération de données sur un serveur distant, le souci c'est qu'une fois que j'ai récupéré la réponse avec la methode "get" , la template ne s'affiche pas. Je n'arrive pas à manipuler cette variable.
Il s'agit d'un objet contenant des objets qui, eux mêmes, correspondent à des clients dans ma base.
Quelqu'un saurait m'expliquer comment on manipule cet objet pour pouvoir l'afficher sur la template? Ne serait ce que d'interpoler un élément de cet objet (comme la liste des prénoms des clients par exemple).
Merci d'avance.

[duke666]

juste pour tester :

Code :

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

{{ monObjet | json}}

accéder à une propriété :

Code :

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

{{ monObjet.nom }}

si c'est un observable

Code :

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

{{ monObjet$ | async | json}}

astuce pour accéder à une propriété d'un observable:

Code html :

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

1
2
3
<ng-container *ngIf="monObjet$ | async as monObjet">
  {{ monObjet.nom }}
</ng-container>

[Swinolani]

Je vais illustrer mon problème avec un exemple ce sera plus parlant ^^.

Voici le code en question :

Code :

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

1
2
3
getAllClients(){
    return this.http.get('http://localhost:8080/listClients').subscribe(response=>console.log(response))
  }

Lorqsue je debug la réponse avec le console.log, cela m'affiche bien un tableau d'objets, le souci c'est que je n'ai aucun moyen d'acceder à chaques objet en question, je sais pas comment faire (j'ai conçu une base de données de clients avec le nom/prenom/adresse mail). Quand j'essaye d'accéder aux méthodes pour manipuler les objets, j'ai des méthodes du style "constructor","isPrototypeOf" etc..

[duke666]

essaye ça

Code :

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

1
2
3
getAllClients(){
    return this.http.get('http://localhost:8080/listClients').subscribe((response: any) =>console.log(response))
  }

[Swinolani]

Vscode m'interdit de typer la réponse tel quel dans le subscribe.

[duke666]

c'est impossible !