如何用角JS读取Kickstarter

Question

我是一个新手，试图使用角JS读取Kickstarter数据并将其显示在页面上。

我有一个代码笔，上面显示了我使用的用于工作样例数据源的基本代码，然后是踢启动源的不工作示例。

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的答案