带有 Angularjs 的 JSONP 不适用于 TwitchTV api答案

【问题标题】：JSONP with Angularjs doesn't work with TwitchTV api带有 Angularjs 的 JSONP 不适用于 TwitchTV api
【发布时间】：2014-07-02 00:25:06
【问题描述】：

我一直在尝试使用 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;
    });
  });

HTML

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

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

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

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

【问题讨论】：

标签： javascript json angularjs jsonp

【解决方案1】：

我是个白痴。我刚刚意识到在 OBJECT 中没有什么可以重复的......非常抱歉浪费了大家的时间。也许这会帮助那些为了自己好而迟到的其他人。

【讨论】：