JSONP与Angularjs不能与TwitchTV api一起工作

JSONP with Angularjs doesn't work with TwitchTV api

本文关键字:一起 工作 api 不能 Angularjs JSONP TwitchTV      更新时间:2023-09-26

我一直在尝试用Angular和TwitchTV api构建一个小应用程序,但我在JSONP方面遇到了很多麻烦。看起来我可以很好地导入数据,但在Object中爬行时,我看到的是一个什么都没有的白屏。我也没有得到任何错误,所以调试是不可能的。这是我当前的设置。

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

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

有了这个设置,我只得到一个白色的屏幕。奇怪的是,如果我将模板更改为:

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

我将得到整个对象。由于某些原因,我不知道如何获取名称、状态或任何其他字段。我真的不知道我现在做错了什么。有点迷路了

我是个白痴。我刚刚意识到在OBJECT中没有什么可重复的…很抱歉让你们浪费时间。也许这会帮助到那些为了自己好而熬夜的人。