标签:angularjs ajax google-plus javascript
我正在为我的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();
}
标签:angularjs,ajax,google-plus,javascript 来源: https://codeday.me/bug/20191030/1967741.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。