Javascript 如何使用Angular JS读取Kickstarter json

我是一个尝试使用Angular JS读取Kickstarter json数据并将其显示在页面上的新手

我有一个代码笔，显示了我在工作样本数据源中使用的基本代码，然后是kickstarter源中不工作的示例

HTML

我可能在引用变量的方式上犯了错误，我的头撞在墙上几个小时了，看不见它。非常感谢您的专业知识

Kickstarter最近的项目数据以json格式提供，以供参考：

---

提前感谢您的帮助。

您的示例很有效。您正在发送请求，模型绑定应该可以工作。但是，如果您在控制台中查看，会收到以下错误消息：

XMLHttpRequest无法加载https://www.kickstarter.com/discover/recently-launched?format=json. 请求的资源上不存在“Access Control Allow Origin”标头。起源'http://s.codepen.io因此，不允许访问。

---

看一下答案

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

<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;
});
}