我正在尝试从 API 中提取当前流的列表，并使用 AngularJS 迭代该信息。当我将 JSON 数据直接放入 js 文件中时，Angular 工作正常。但是，当使用如下所示的 http 请求时，我得到一个空白页面。我到处搜索，但很难将其应用到我的具体问题上。任何帮助表示赞赏。谢谢!
HTTP 文件:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="namesCtrl">
<ul>
<li ng-repeat="x in names">
{{ x.game }}
</li>
</ul>
</div>
<script src="repeat.js"></script>
</body>
</html>
重复.js
var app = angular.module('myApp', []);
app.controller('namesCtrl', function($scope, $http) {
$http.jsonp("https://api.twitch.tv/kraken/streams?json_callback=JSON_CALLBACK")
.success(function(response) {$scope.names = response.streams;});
});
最佳答案
https://api.twitch.tv/kraken/streams?json_callback=JSON_CALLBACK 不是 JSONP(它是纯 JSON)。
您需要一个能够发出 JSONP 响应的服务器才能使用 $http.jsonp()。
关于javascript - AngularJS $HTTP.json，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33356357/