Afficher un JSON avec ng-repeat

Version imprimable

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:

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

mais lorsque je fais un

Code:

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

je ne vois rien.

voici mon code complet

Code:

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>

24/02/2016, 13h03
Invité
Que te donne

Code:

console.log( $scope.jobs)

A mettre dans
Code:

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

Je trouve bizarre que tu aies :

Code:

<body ng-app ="">

Tu dois avoir des messages d'erreur dans la console.
24/02/2016, 14h13
dandy-kun

non je n'ai pas d'erreur

Code:

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

résolu

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

Code:

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>