javascript-通过.scope().call()从JS外部调用Angular服务挂起请求

我正在为我的Angular应用程序添加一个Google登录按钮,除处理回调结果外,大多数按钮都在工作.来自G登录的回调是一个外部JS函数,称为signinCallback,如下所示：

//Handling the Google+ Signin right here
function signinCallback(authResult) {
angular.element($("#btnGooglePlus")).scope().handleGoogleSignin(authResult);
}

我能弄清楚如何将authResult传递回控制器的唯一方法是通过element.scope()调用控制器方法. handleGoogleSignin很好,在该函数内部有一个http.get服务调用,如下所示：

User.getSocialKey(key).then(function(data) {
    console.log(data);
});

用户是一项服务,getSocialKey如下所示：

getSocialKey: function(etag) {
    console.log("Hit the social key service with the etag: " + etag);
    return $http({
        url: '/api/user/social',
        method: 'post',
        data: {etag:etag}
    }).then(function(result) {
        console.log("Returning promise from social service");
        return result.data;
    });
},

第一个日志语句正常运行,然后什么也没有.请求从不发送.现在,如果我去单击页面上具有ng-model属性的内容(例如复选框),则可以很好地发送和接收请求.所以我的问题是：为什么在单击某些内容之前,我的Angular服务呼叫会被挂起？为什么不立即进行？

我尝试用工作服务调用替换getSocialKey,同样的事情.我认为问题归结于使用angular.element($(“#btnGooglePlus”)).scope().handleGoogleSignin(authResult);调用该函数.但我不确定.有人看过吗？

解决方法:

抱歉,我无法测试,但是我认为您应该调用.$apply(),因为操作是在AngularJS范围之外触发​​的.

function signinCallback(authResult) {
    angular.element($("#btnGooglePlus")).scope().handleGoogleSignin(authResult);
    angular.element($("#btnGooglePlus")).scope().$apply();
}