我们正在寻找从Kimono实验室提取API的最佳方法,以及如何正确地构造API。柱塞
这是我们在app.js中所拥有的
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;
});
});索引..。
<!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>我们做得对吗?我们可以从本地.json文件中提取数据.但不是基蒙诺的?
任何帮助或指向正确方向的点都将不胜感激。谢谢您抽时间见我。
编辑:我忘了提到,我知道来自Kimono的链接不起作用,这是有意的。
EDIT2:添加了一个柱塞,如果这对任何人有帮助的话。
发布于 2015-04-06 17:59:34
和服实际上有一个用Angular.js调用API的教程。您可以通过他们的文档:https://help.kimonolabs.com/hc/en-us/articles/204380310-Tutorial-Calling-Kimono-with-AngularJS-查看它。
根据我的经验,如果你给他们发电子邮件或与他们聊天,他们也会得到很好的支持。
https://stackoverflow.com/questions/27136593
复制相似问题