使用 angularjs 获取推文

Question

我正在尝试使用材料设计和 angularjs 制作一个应用程序，以使用标签搜索获取推文。

getTweets: function(hashtag, since,$http) {
                    var cfg = {};
                    var paramSince = since ? '&since_id='+ since : '';
                    var queryUrl = 'https://api.twitter.com/1.1/search/tweets.json?q=%23'+hashtag+paramSince;
                   // var queryUrl = '/search?hashtag='+hashtag+paramSince;
                    var promise = $http.get(queryUrl, cfg).then(function (response) {                        
                        return response;
                    });
                    return promise;
        }

此 API 返回错误 215，验证数据错误

这是完整的application

复制步骤：

(i) 点击添加帐户

(ii)登录

(iii) 点击完成

Answer 1

$http 未定义。您将$http 服务注入您的twitterApp.services 工厂，然后您（尝试）在返回的函数getTweets 中重新声明它。 在这种情况下，没有“魔法”，您使用两个参数调用 getTweets，因此 $http 变为未定义。解决方案是从getTweets 中删除此参数，并使用$http 作为闭包。

更新： 过程中没有错误处理，发生错误时您必须reject承诺​​。这样你也可以看到错误来自服务器。

http://plnkr.co/edit/Lbb6EvwsjuecmFn5Vchd?p=preview

正如您在控制台上看到的，当尝试连接时，服务器返回一个原始错误：

错误：来源“http://run.plnkr.co/Of0F9UHpjhrqkjdw/”不匹配 oauth.io(...) 上的任何注册域/网址

这可能与您的服务器（在本例中为 oauth.io）中的 CORS 设置有关。