javascript - 如何使用 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>

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

你的例子有效。您正在发送请求并且模型绑定(bind)应该可以工作。但是，如果您查看控制台，您将收到以下错误消息:XMLHttpRequest 无法加载 https://www.kickstarter.com/discover/recently-launched?format=json。请求的资源上不存在“Access-Control-Allow-Origin” header 。因此，不允许访问源“http://s.codepen.io”。

看看this回答