如何閱讀使用Angular JS的Kickstarter json

Question

我是一個嘗試使用Angular JS讀取Kickstarter json數據並將其顯示在頁面上的新手。

我有一個代碼筆，顯示了我正在使用的基本代碼和一個工作示例數據源，然後是一個無法使用kick-starter源代碼的示例。

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> 

的Javascript

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

我可能會犯在我如何引用變量一個錯誤，我一直敲我的頭靠在牆上幾小時，看不到它。非常感謝您的專業知識。

僅供參考Kickstarter上最近的一個項目數據是JSON格式可在這裏：https://www.kickstarter.com/discover/recently-launched?format=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答案看看