Javascript 带Angularjs的JSONP不';t使用TwitchTV api
我一直在尝试用Angular和构建一个小应用程序,但是我在使用JSONP时遇到了很多麻烦。看起来我可以很好地提取数据,但在对象中爬行会给我带来一个白色的屏幕。我也没有收到错误,所以调试是不可能的。这是我目前的设置 服务Javascript 带Angularjs的JSONP不';t使用TwitchTV api,javascript,json,angularjs,jsonp,Javascript,Json,Angularjs,Jsonp,我一直在尝试用Angular和构建一个小应用程序,但是我在使用JSONP时遇到了很多麻烦。看起来我可以很好地提取数据,但在对象中爬行会给我带来一个白色的屏幕。我也没有收到错误,所以调试是不可能的。这是我目前的设置 服务 .factory('twitchTEST', function($resource){ var resource = $resource('https://api.twitch.tv/kraken/channels/nl_kripp/videos',{},{
.factory('twitchTEST', function($resource){
var resource = $resource('https://api.twitch.tv/kraken/channels/nl_kripp/videos',{},{
query:{
method:'JSONP',
params: {callback: 'JSON_CALLBACK'},
isArray:false,
headers:{
'Access-Control-Allow-Origin': '*',
'Accept': 'application/vnd.twitchtv.v2+json',
'Client-ID': 'fcn1buiw3t57k9yduoqvwxdk3awb2rf'
}
},
});
return resource;
});
控制器
.controller('MainCtrl', function($scope, twitchTEST) {
twitchTEST.query(function(data){
$scope.twitches = data;
});
});
HTML
<div ng-repeat="twitch in twitches">
<span>{{ twitch.name }}</span>
</div>
{{twitch.name}
通过这种设置,我只得到一个白色屏幕。奇怪的是,如果我将模板更改为:
<div ng-repeat="twitch in twitches">
<span>{{ twitch}}</span>
</div>
{{twitch}}
然后我将得到整个对象。由于某些原因,我不知道如何只获取名称、状态或任何其他字段。我真的不确定在这一点上我做错了什么。有点迷路了。我是个白痴。我刚意识到物体里没有什么可重复的。。。很抱歉浪费了你们的时间。也许这会帮助那些为了自己的利益而迟到的人