Question

我一直在尝试使用Angular和TwitchTV api构建一个小应用程序，但我在使用JSONP时遇到了很多麻烦。看起来我可以很好地提取数据，但是通过对象抓取我一个白色的屏幕没有任何东西。我没有错误，所以调试是不可能的。这是我目前的设置。

服务

  .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;
  });

CONTROLER

  .controller('MainCtrl', function($scope, twitchTEST) {
    twitchTEST.query(function(data){
      $scope.twitches = data;
    });
  });

HTML

<div ng-repeat="twitch in twitches">
  <span>{{ twitch.name }}</span>
</div>

通过这个设置我只得到一个白色的屏幕。奇怪的是，如果我将模板更改为：

<div ng-repeat="twitch in twitches">
  <span>{{ twitch}}</span>
</div>

然后我会得到整个对象。出于某种原因，我不知道如何获得名称，状态或任何其他字段。我真的不确定我在这一点上做错了什么。有点失落。

使用Angularjs的JSONP不适用于TwitchTV api

0 个答案: