2014-09-25 2 views
0

The New York Times의 MOVIE REVIEWS API를 받고 싶습니다. AngularJS를 사용하여 시도했지만 제공되지 않았습니다. 누군가 나를 도울 수 있습니까?JSON 데이터를 가져올 수 없습니다. AngularJS

var app = angular.module('movieApp', []); 
app.controller('movieController', 
    function movieController($scope, $http) { 
     $scope.fetchReviews = function() { 
      var api = 'http://api.nytimes.com/svc/movies/v2/reviews/all.jsonp?&offset=20&order=by-opening-date&api-key=XXX MY KEY XXX&responce-format=.jsonp&callback=JSON_CALLBACK'; 
      $http.jsonp(api).success(function(data){ 
       $scope.results = data.results; 
      }); 
     } 

    }); 

HTML 당신은 몇 가지 요소에 해당 이벤트를 처리하거나 컨트롤러에 전화를해야이

+2

fetchReviews 함수가 실행될 때 – MohamedAbbas

+0

맞습니다. fetchReviews 함수를 호출해야합니다. 게시 한 코드에서 결코 실행되지 않습니다. – Gustav

답변

0

같은

<!DOCTYPE html> 
<html lang="en" ng-app="movieApp"> 
<head> 
<meta charset="UTF-8"> 
<title>Movie Review</title> 
<script type="text/javascript" src="js/angular.min.js"></script> 
<script type="text/javascript" src="js/app.js"></script> 
</head> 
<body> 
<div ng-controller="movieController"> 
    <ul class="review-cards"> 
     <li ng-repeat="item in results"> 
      <h2>{{item.display_title}}</h2> 
      <p>{{item.summary_short}}</p> 
     </li> 
    </ul> 
</div> 

</body> 
</html> 
0
app.controller('movieController', function ($scope, $http) { 
    $scope.fetchReviews = function() { 
     var api = 'http://api.nytimes.com/svc/movies/v2/reviews/all.jsonp?&offset=20&order=by-opening-date&api-key=XXX MY KEY XXX&responce-format=.jsonp&callback=JSON_CALLBACK'; 
     $http.jsonp(api).success(function(data){ 
      $scope.results = data.results; 
     }); 
    } 
    $scope.fetchReviews(); 
}); 

확인하시기 바랍니다.

var app = angular.module('movieApp', []); 
app.controller('movieController', 
    function movieController($scope, $http) { 
     // define default value 
     $scope.results = []; 

     $scope.fetchReviews = function() { 
      var api = 'http://api.nytimes.com/svc/movies/v2/reviews/all.jsonp?&offset=20&order=by-opening-date&api-key=XXX MY KEY XXX&responce-format=.jsonp&callback=JSON_CALLBACK'; 
      $http.jsonp(api).success(function(data){ 
       $scope.results = data.results; 
      }); 
     } 

     // call that event 
     $scope.fetchReviews(); 
}); 

사용해보기.

관련 문제