Angular JS로 데이터를 가져 오지 못함

Question

Django REST API에서 데이터를 가져 오는 Angular JS로 앱을 작성하려고합니다.

나는이 스크립트를 가지고

var userListApp = angular.module('userListApp', ['ngResource']); 

userListApp.factory('Classroom', function($resource) { 
     return $resource('/classrooms/:id/', 
     {'query': {method: 'GET', isArray:false}} 
    ); 
    }); 

userListApp.controller('UsersController', function($scope, Classroom) { 
    Classroom.query(function(data) { 
    $scope.classrooms = data; 
    }); 
}); 

이는 HTML

<div ng-app="userListApp"> 
    <div ng-controller="UsersController"> 
     <table class="table table-striped"> 
      <thead> 
       <tr> 
        <th>Classroom</th> 
        <th>School</th> 
        <th>Academic year</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr ng-repeat="classroom in classrooms"> 
        <td>{{classroom.classroom}}</td> 
        <td>{{classroom.school}}</td> 
        <td>{{classroom.academic_year}}</td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</div> 

입니다하지만 콘솔

Error: $resource:badcfg
Response does not match configured parameter
Error in resource configuration for action query . Expected response to contain an array but got an object (Request: GET /classrooms)

(from the error reference page of Angular JS)

에서이 오류를 받고 있어요

여기에 유래에 대한 몇 가지 답변을보고하고, this one에 와서, 그리고 나는 그들이

userListApp.factory('Classroom', function($resource) { 
     return $resource('/classrooms/:id/', 
     {method: 'classrooms', id: '*'}, 
     {'query': {method: 'GET', isArray:false}} 
    ); 
    }); 

을 말하려고 노력 그리고 나는 어떤 오류가 발생하지 않습니다,하지만 데이터 중 하나있어했다.

나는이를 넣어 시도했다 : 뭔가 "캐치"를하려고하면 같은 웹 페이지에 일부 테이블은 여기 UPDATE가

스크린 샷

이다, 그러나이있다 대신이

라인

return $resource('/classrooms/?format=json', 

각 응용 프로그램에

, 내가 네트워크에서 개발자 도구에 가면,이 데이터가 없지만 -> XHR, 내가 얻을 말했듯

[{"school":{"id":1,"school_name":"IPSIA F. Lampertico","address":"Viale Giangiorgio Trissino, 30","city":"Vicenza"},"academic_year":"2015/2016","classroom":"1^A","floor":0,"students":[{"classroom":1,"first_name":"Stefano","last_name":"Rossi","gender":"M","birthday":"1998-06-22"},{"classroom":1,"first_name":"Luca","last_name":"Possanzini","gender":"M","birthday":"1999-11-22"}] 

는하지만, 데이터가없는 JSON 데이터 html의 표에 나와 있습니다.

업데이트 2 : "형식 = JSON '"추가 한 후

자원 URL에, 나는 내가 세 교실이 내 데이터 (행의 정확한 양을 얻을, 그래서 나는 세 개의 행을 얻을 HTML 테이블에서), 데이터가 없습니다.

UPDATE 3 :

내가 콘솔 로그

Answer 1

에

userListApp.controller('UsersController', function($scope, Classroom) { 
    Classroom.query(function(data) { 
    $scope.classrooms = data; 
    console.log(data); <--- NEW LINE FOR THE DEBUG 
    }); 
}); 

지금 내가이 얻을 코드를 디버깅이 줄을 추가 한

data은 (는) orrect 형식. 게시 한 데이터의 마지막에 }]이 누락되었습니다. 서버 응답을 다시 확인하십시오.

전 시스템에서 전체 시나리오를 복제했으며 코드가 정상적으로 작동했습니다.

HTML : 너와 같음.

스크립트 :

var userListApp = angular.module('userListApp', ['ngResource']); 

userListApp.factory('Classroom', function($resource) { 
     return $resource('http://localhost:9000/classrooms/1', //changed this line only. 
     {'query': {method: 'GET', isArray:false}} 
    ); 
    }); 

userListApp.controller('UsersController', function($scope, Classroom) { 
    Classroom.query(function(data) { 
    $scope.classrooms = data; 
    }); 
}); 

http://localhost:9000/classrooms/1 반환 당신이 끝에 추가 }]으로 지정된 데이터 만.

출력 :