0
Kimono Lab에서 API를 가져 오는 가장 좋은 방법과 올바르게 구조화하는 방법을 찾고 있습니다. 여기 PLUNKERKimono에서 API를 가져 오는 방법
는
<!doctype html>
<html ng-app="App" >
<head>
<meta charset="utf-8">
<title>Todos $http</title>
<link rel="stylesheet" href="style.css">
<script>document.write("<base href=\"" + document.location + "\" />");</script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.1/angular.js"></script>
<script src="app.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
function kimonoCallback(data) {
// do something with the data
// please make sure the scope of this function is global
}
$.ajax({
"url":"http://www.kimonolabs.com/api/42ts6px8?apikey=363e7e1d3fffb45d424ad535ebdc233d&callback=kimonoCallback",
"crossDomain":true,
"dataType":"jsonp"
});
</script>
</head>
<body ng-controller="Calendar">
<ul>
<li ng-repeat="item in events">
<h1>{{item.EventTitles.text}}</h1>
<img src="{{item.HeadlineImages.src}}">
<p>{{item.eventdescription}}</p>
</li>
</ul>
</body>
</html>
var App = angular.module('App', []);
App.controller('Calendar', function($scope, $http) {
$http.get('http://www.kimonolabs.com/api/42ts6px8?apikey=363e7e1d3fffb45d424ad535ebdc233d&callback=kimonoCallback')
.then(function(res){
$scope.events = res.data[0].events;
});
});
인덱스가 무엇인가? 로컬 .json 파일에서 데이터를 가져올 수는 있지만 기모노에서는 가져올 수 없습니까?
올바른 방향으로 어떤 도움이나 의견을 보내 주시면 감사하겠습니다. 시간 내 주셔서 감사합니다.
EDIT : 내가 Kimono Labs의 API 링크가 포함되어 있음을 알고있어서, 의도적이라고 생각합니다.
EDIT2 : 누군가가 도움이된다면 PLUNKER을 추가했습니다.