Discussion :

[Daviloppeur]

Bonjour,

J'ai un problème pour lire mon flux JSON avec angularjs.

Mon $http.get marche très bien et me récupère correctement mon flux.

Mon flux est de la forme :

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
18
19
20
21
22
23
24
25
26
{
  "count": 90,
  "next": "suivant",
  "previous": null,
  "results": [
    {
      "keywords": [
        "pomme",
        "poire",
        "cerise",
        "ananas"
      ],
      "speakers": [
        "Jack"
      ],
      "type": "test",
      "frames": [
        "jambon"
      ],
      "tra_snippet": "",
      "tra_id": 98,
      "tra_title": "ceci est un  titre",
    },
    {
      "keywords": [
      ..... ...... ......

Je récupère les résultats avec le template suivant (resultatsJSON contient le résultat de mon success de $http.get) :

Code :

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

1
2
3
4
 
ng-repeat="results in resultatsJSON"
	  <p>results.count</p> //affiche 90 ok
          <p>results.keywords</p>   //ne renvoi rien

results.count me renvoi bien 90 et results.next me renvoi bien suivant.
Mon problème est que je n'arriver pas à afficher le contenu des autres variables (keywords, speakers). Par exemple keywords: results.keywords ne renvoi rien, results.speakers idem.

Comment puis je récupérer ces valeurs ?

[SylvainPV]

Il manque la syntaxe de templating dans le code que tu as posté. Poste le véritable template, on ne peut pas t'aider avec des informations incomplètes.

[Daviloppeur]

Le voici:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<div ng-controller="testCtrl">
	<ul>
		<li ng-repeat="results in resultatsJSON">
			<p>Test {{resultatsJSON.results.keywords}}</p> <!-- ne marche pas -->
		</li>
	</ul>
 
	<p>test{{resultatsJSON.count}}</p> <!-- OK -->
	<p>test2: {{resultatsJSON.next}}</p> <!-- OK -->
</div>

[SylvainPV]

Ici tu déclares results comme une variable locale qui itère sur une Array resultatsJSON. Or resultatsJSON n'est pas l'Array ici, c'est results. Donc tu peux remplacer par :

Code :

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

1
2
3
<li ng-repeat="result in resultatsJSON.results"> 
           <p>Test {{result.keywords}}</p> <!-- ne marche pas -->
</li>

[Daviloppeur]

Je comprends mieux le fonctionnement de lecture du flux JSON avec ton aide
Merci, ça marche super.
.