如何使用 Angular JS 阅读 Kickstarter json答案

【问题标题】：How to Read Kickstarter json with Angular JS如何使用 Angular JS 阅读 Kickstarter json
【发布时间】：2014-12-01 13:23:58
【问题描述】：

我是一个新手，尝试使用 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

提前感谢您的帮助。

【问题讨论】：

标签： javascript arrays json angularjs kickstarter

【解决方案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的回答

【讨论】：

谢谢！这既回答了我的问题，又教会了我一个新技巧！