Angular 1.6 $http.jsonp 使用谷歌表格 API

Posted 2023-03-03

【中文标题】Angular 1.6 $http.jsonp 使用谷歌表格 API

【英文标题】：Angular 1.6 $http.jsonp while using the google sheets API

【发布时间】：2017-11-07 19:16:42

【问题描述】：

Angular 1.6 的 $http.jsonp 不能很好地与 google sheet 的 API 配合使用：

我正在尝试从谷歌表格中获取然后获取我的数据，使用以下内容：

var callback;
app.controller("meetingsTable", function ($scope, $http, $sce) 

var url = "http://spreadsheets.google.com/a/google.com/tq";
var trustedUrl = $sce.trustAsResourceUrl(url);
var key = 'MY_KEY';
var tq = 'select%20*%20limit%2010';
var tqx = 'responseHandler:callback';
var params = 
    key: key,
    tq: tq,
    status: 'ok',
    tqx: tqx
;

callback = function (response) 
    console.log(response); // entering here, not to the promise
    return response;



    $http.jsonp(trustedUrl,  params: params ).then(function (response) 
        console.log(response);
        retrun;
        //success things go here
    , function (response) 
        //error things go here
    );
);

我成功地通过使用函数（回调）和 vnila js 从工作表中获取数据，当我尝试使用 angular 时，我在源代码中得到了一个“google.visualization.Query.setResponse”对象，出现控制台错误：Uncaught ReferenceError: google is not defined。

最烦人的事情 - 承诺没有收到响应，我无法更新我的表的值 ansyc。 我尝试了我能想到的一切（以及***中的每一个建议）， 我尝试过的事情：

按原样传递 url，不带参数，因为 $sce.trustAsResourceUrl 需要整个 url。 在没有 $sce 的情况下通过（适用于 vanila js，不在此处）。 将我的承诺成功函数命名为“回调”。 检查工作表 API 中的所有值是否都在此处（同样适用于 vanila）。 在 Promise 中调用“回调”，将其作为函数输入到 Promise 中。 在一个返回响应的函数中获取所有 jsonp，有&没有回调函数。 从“tqx=responseHandler:callback”参数中删除所有回调。 在 tqx 参数中将 promise 作为回调传递。 使用 1.5 使用 vanila js 发出请求，然后将其传递给控制器​​（不起作用）。

如果我记得更多的东西，我会在下面更新。

请问，有没有人知道问题出在哪里？ 万分感激， 谢谢， 约夫。

【参考方案1】：

回答我自己的问题：

如果你们有同样的问题，请使用 Angular 的 $scope.$apply 属性。这是 Angular API 中记录不充分的属性，所以这里有一个很好的 guide 对于如何使用 $apply，有一个很好的例子。 我的实现：

$scope.tableContentData;
callback = function (response) 
    $scope.$apply(function () 
        $scope.tableContentData = response;
    );
;
$http.jsonp(trustedUrl).then(function () 
        //success stuff
    , function () 
        //error stuff
    );

当我在控制器外声明回调时。

这是一场噩梦。

无论如何感谢您的投票！