Discussion :

[alpha582]

Bonjour,

Je suis sur Angular 4.
j'ai un petit problème sur la récupération de mes données JSON via API.

Je vous montre la partie de mon code.

voici le traitement de données dans Node JS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
router.get('/termCondition', function (req, res, next) {
var query = 'ma requette';
 
request(query, function (error, response, body) {
if (error) {
console.log("error" + error);
return null;
}
 
body = JSON.parse(body);
 
return body;
});
});

et voici ce que j'ai dans mon service:

Code :

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

1
2
3
4
5
6
7
getTermCondition() {
 
return this._http.get("/termcondition/termCondition").map(data => data.json()).toPromise().catch((err) => function(){
console.log(err);
});
 
}

et enfin mon component:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
ngOnInit() {
 
var componentRef = this;
//getTermCondition
this.termService.getTermCondition().then((res) => {
 
var jsonData = res; 
componentRef.termAndCondition = jsonData.getPolicy.Air.results.result.air_data.policy_data;
 
});
 
}

Donc le nom de mon api c'est getPolicy.Air et je veux récupérer l'attribut "policy_data". Mais il prend le .Air comme attribut et ça casse l'opération. Je ne peux pas récupérer les véritables attributs

Je n'ai pas encore trouvé une solution pour mon problème. Pouvez-vous m'aider svp ? merci

[Marco46]

Mais il prend le .Air comme attribut et ça casse l'opération.

Comprends pas. C'est quoi le message d'erreur ?

As-tu vérifié dans les outils de debug de ton navigateur, dans la partie réseau, que le flux retourné par ton endpoint /termCondition est correct avant d'entrer dans ton appli angular ?

[psychadelic]

peut être en passant par une autre notation ?

jsonData.getPolicy['Air'].res...................

[alpha582]

Comprends pas. C'est quoi le message d'erreur ?

As-tu vérifié dans les outils de debug de ton navigateur, dans la partie réseau, que le flux retourné par ton endpoint /termCondition est correct avant d'entrer dans ton appli angular ?

Le message d'erreur c'est: cannot read property 'Air' of undefined.
Oui j'ai vérifié le flux retourné: c'est correct

[alpha582]

peut être en passant par une autre notation ?

J'ai essayé mais malheureusement, ça retourne la même erreur

[psychadelic]

tu devrai quand même faire un console.log de ton jsonData

Code :

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

 console.log( 'valeur du jsonData = ' + JSON.stringify( jsonData ));

et de nous en retourner une copie ici, histoire d'être bien certain de ne pas y voir à minima un problème de majuscules/minuscules...

[Marco46]

Le message d'erreur c'est: cannot read property 'Air' of undefined.
Oui j'ai vérifié le flux retourné: c'est correct

Dans ton flux tu as bien une propriété qui s'appelle getPolicy qui contient une propriété nommée Air ?

Le nommage est vraiment bizarre. getPolicy ça devrait être un nom de fonction pas de propriété.

Tu peux nous coller le flux json ici ?

[alpha582]

Dans ton flux tu as bien une propriété qui s'appelle getPolicy qui contient une propriété nommée Air ?

Le nommage est vraiment bizarre. getPolicy ça devrait être un nom de fonction pas de propriété.

Tu peux nous coller le flux json ici ?

j'ai fais une erreur de copie de code plus haut ce n'est pas getPolicy.Air mais getSharedPolicy.Air, Excusez-moi
Le .Air c'est pas un attribut en faites mais c'est le nom getSharedPolicy.Air
je te donne ici un capture du json récupéré

[alpha582]

tu devrai quand même faire un console.log de ton jsonData

Code :

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

 console.log( 'valeur du jsonData = ' + JSON.stringify( jsonData ));

et de nous en retourner une copie ici, histoire d'être bien certain de ne pas y voir à minima un problème de majuscules/minuscules...

j'ai fais une erreur de copie de code plus haut ce n'est pas getPolicy.Air mais getSharedPolicy.Air, Excusez-moi.
Voici un extrait du JSON.stringify

Code :

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

jsonData = {"getSharedPolicy.Air":{"results":{"status":"Success","status_code":100,"result":{"air_data":{"policy_data":{"policy_0":{"category":"contract_popup","block_data":{"baggage_fees":{"title":"Baggage Fees","paragraph_data":{"paragraph_0":"Many airlines charge fees for checked and carry-on baggage, which are not included ...};

[alpha582]

ça y est, j'ai résolu mon problème:

En faites il suffisait de mettre

Code :

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

 jsonData["getSharedPolicy.Air"].results

au lieu de

Code :

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

 jsonData.getSharedPolicy.Air.results

Je vous remercies

[Marco46]

j'ai fais une erreur de copie de code plus haut ce n'est pas getPolicy.Air mais getSharedPolicy.Air, Excusez-moi
Le .Air c'est pas un attribut en faites mais c'est le nom getSharedPolicy.Air

Ah bah voilà

Tu est donc obligé d'accéder à cette propriété par indirection componentRef.termAndCondition = jsonData['getSharedPolicy.Air'].results.result.air_data.policy_data;.

Le point est un caractère réservé, tu n'es pas censé l'utiliser dans un nom de variable. Après tu n'as pas forcément la main sur ton backend, la seule solution est donc l'indirection.