在AngularJS中从JSON resp解析$？

Question

如何从 AngularJS 中的 JSON HTTP 响应解析 $？

试图在没有 JQuery 的情况下抓取 YouTube 搜索结果：

$http.get('http://gdata.youtube.com/feeds/api/videos/-/chocolate?alt=json&orderby=published')
    .success(function (data) {
         $scope.video_list = data;
    })
    .error(function (data) {
         $scope.video_list = data;
});

那个没有错误响应，安慰它的时候得到一个Object；但不能在里面查询。

$scope.video_list_fun = function () {
    $http.get('http://gdata.youtube.com/feeds/api/videos/-/chocolate?alt=json&orderby=published').then(function (response) {
          $scope.video_list = response.data;
    });
};

这里也一样，也尝试过使用, 链接else。

$scope.video_list = (httpGet('http://gdata.youtube.com/feeds/api/videos/-/chocolate?alt=json&orderby=published'
                     )); // HttpGet from http://stackoverflow.com/a/4033310/587021

这可行，但是当我解析它时，例如：JSON.parse; AngularJS 去掉了所有带有$ 的键。

---

请注意，我曾尝试使用 their other API，但无法获得相同的结果（并且无法包含它们对发布日期和质量有用的参数；因为它已损坏）。

Answer 1

看起来像是跨域限制。看看使用$http.jsonp 是否适合你。

查看 YouTube 文档中的 "Using the Data API with JavaScript"，其中指出您需要使用 alt=json-in-script 以及 callback 参数。

所以不要访问：

$http.get('http://gdata.youtube.com/feeds/api/videos/-/chocolate?alt=json&orderby=published')

您将访问：

 $http.jsonp('http://gdata.youtube.com/feeds/api/videos/-/chocolate?alt=json-in-script&orderby=published&callback=JSON_CALLBACK')

注意区别：

1. 使用jsonp 代替get
2. 使用alt=json-in-script 而不是alt=json（请注意，这可能因 API 文档而异）
3. 添加 callback=JSON_CALLBACK（请注意，这可能因 API 文档而异，但 AngularJS 会在响应中查找 JSON_CALLBACK。

Check out this fiddle查看工作版本（与this fiddle基于原始代码比较）。

还可以查看this wiki 文章了解有关 JSONP 的更多信息。