Discussion :

[Racar]

Bonjour à tous,

Je créé une application qui va chercher des données sur un serveur et les affiche sur un navigateur. Je fais ça avec angular en front et Spring en back et j'utilise le protocole REST pour communiquer
Pour le moment j'arrive échange des infos entre le back et le front. J'envoie du JSON sur une URL, Spring l'utilise requête la BDD et renvoie un JSON de réponse avec les infos extraite
Ce JSON de réponse j'arrive a la capter mais pas a l'exploiter
Exemple de la répons reçu :


et voici le code qui me permet de capter cette réponse JSON

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
this.bilansocialService
                .getDataReport(dossDfinval, copmDfinval, dosmDfinval)
                .pipe(
                    takeUntil(this.unsubscribe),
                    //map(res => res)
                )
                .subscribe(
                    data  => {
                        console.log(data);
                    },
                    error  => {
                        console.log("Error", error);
 
                    }
                );
        }

Ma question est la suivante j'arrive bien a afficher mon fichier JSON (image) donc les valeurs sont bien contenue dans la variable data mais je n'arrive pas a l'exploiter (afficher les données sur ke navigateur par exemple).
J'ai le Graal sous mes yeux mais j'ai pas de main pour l'attraper une idée ?
Merci

[badroooo]

Il faut déclarer une variable dans ton component angular et lui affecter data.
resultat :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
this.bilansocialService
                .getDataReport(dossDfinval, copmDfinval, dosmDfinval)
                .pipe(
                    takeUntil(this.unsubscribe),
                    //map(res => res)
                )
                .subscribe(
                    data  => {
                        console.log(data);
                        this.resultat = data;
                    },
                    error  => {
                        console.log("Error", error);
 
                    }
                );
        }