Afficher un JSON avec ng-repeat

**dandy-kun** · 24/02/2016, 11h12

Bonjour, je débute en angularJS, je fais un appel $get pour récupérer un JSON,
quand j'affiche le JSON a l'aide de

Code :

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

{{jobs}}   j'ai bien {"jobs":[{"name":"projettest"},{"name":"test"}]}

mais lorsque je fais un

Code :

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

1
2
    <tr ng-repeat="job in jobs">
          {{job.name}}</tr>

je ne vois rien.

voici mon code complet

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
27
28
29
30
31
 
<html >
   <head>
     <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
 
      <title>Angular JS Includes</title>
 
   </head>
   <body ng-app ="">
      <h2>AngularJS Sample Application</h2>
      <div ng-app ="" ng-controller = "jenkins">
        <h4>Jobs</h4>
        <tr ng-repeat="job in jobs">
          {{job.name}}
        </tr>
 
         <h4>Resonse</h4>
         <p>{{jobs}} </p>
      </div>
 
      <script>
         function jenkins($scope,$http) {
            var url = "http://localhost:8080/api/json?tree=jobs[name]";
 
            $http.get(url).success( function(response) {
               $scope.jobs = response;
            });
         }
      </script>
   </body>
</html>

Invité · 24/02/2016, 13h03

Que te donne

Code :

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

console.log( $scope.jobs)

A mettre dans

Code :

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

1
2
3
4
$http.get(url).success( function(response) {
               $scope.jobs = response;
               console.log( $scope.jobs);
            });

?

Je trouve bizarre que tu aies :

Code :

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

 <body ng-app ="">

Tu dois avoir des messages d'erreur dans la console.

**dandy-kun** · 24/02/2016, 14h13

non je n'ai pas d'erreur

Code :

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

{jobs: [{name: "projettest"}, {name: "test"}]}

**dandy-kun** · 24/02/2016, 15h48

j'ai résolu le souci il me manqué le .jobs après response

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
<body >
      <h2>AngularJS Sample Application</h2>
      <div ng-app ="" ng-controller = "jenkins">
        <h4>Jobs</h4>
 
        <div ng-repeat="job in jobs">
          <table>
            <td>{{job.color}} </td>
                <td>{{job.name}} </td>
          </tr>
 
        </table>
             </div>
 
      </div>
      <script>
         function jenkins($scope,$http) {
            var url = "http://localhost:8080/api/json?tree=jobs[name,color]";
 
            $http.get(url).success( function(response) {
               $scope.jobs = response.jobs;
               console.log( $scope.jobs);
            });
         }
      </script>
   </body>

Afficher un JSON avec ng-repeat

AngularJS

Vue hybride

Discussions similaires

Partager

Partager