我正在为我的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();
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。