Как читать Kickstarter JSON с помощью Angular JS

Question

Я новичок, пытающийся использовать Angular JS для чтения данных Json на 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.

Посмотрите на этот ответ