Angular JS로 Kickstarter json을 읽는 법

Question

저는 Angular JS를 사용하여 Kickstarter json 데이터를 읽고이를 페이지에 표시하려고 시도하는 초보자입니다.

필자는 작동하는 샘플 데이터 소스와 함께 사용하는 기본 코드를 보여준 코드 펜을 가지고 있습니다. 그런 다음 킥 스타터 소스가있는 작동하지 않는 예제가 있습니다.

http://codepen.io/anon/pen/KmCsc

HTML

<div ng-app> 
<div ng-controller="recent"> 
<p>First Project ID: {{kickstarter.projects[0].id}}</p> 
<p>Total hits: {{kickstarter.total_hits}}</p> 
</div> 
</div> 

자바 스크립트

function recent($scope, $http) { 
$http.get('https://www.kickstarter.com/discover/recently-launched?format=json'). 
success(function(data) { 
$scope.kickstarter = data; 
}); 
} 

내가 변수를 참조하는 방법에 실수를 할 수

, 나는 몇 가지의 벽에 내 머리를 두드리는 있었어요 시간은 그것을 볼 수 없다. 당신의 전문성은 대단히 감사합니다. 당신의 도움을 사전에 https://www.kickstarter.com/discover/recently-launched?format=json

감사 : 참조의 Kickstarter 최근 프로젝트 데이터에 대한

여기에 JSON 형식으로 제공됩니다.

Answer 1

예제가 작동합니다. 요청을 보내고 모델 바인딩이 작동해야합니다. 당신은 다음과 같은 오류 메시지가 표시되는 콘솔에서 볼 경우, : XMLHttpRequest cannot load https://www.kickstarter.com/discover/recently-launched?format=json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s.codepen.io' is therefore not allowed access.

가 this 대답에서 봐