文章/答案/技术大牛

发布

社区首页 >问答首页 >Angular2谷歌签名

问Angular2谷歌签名
EN

Stack Overflow用户

提问于 2017-03-09 17:58:57

回答 1查看 328关注 0票数 0

您好，我正在尝试Angular2与类型脚本，以添加登录/注销谷歌/从谷歌通过their guide

在Index.html中

 <script src="https://apis.google.com/js/platform.js"></script>

在LoginComponent.ts中

declare const gapi: any;

ngAfterViewInit() {
  gapi.signin2.render(
  this.googleLoginButtonId,
  {"onSuccess": this.onGoogleLoginSuccess,"scope": "profile",
    "theme": "dark"},function (error) {
   console.log(JSON.stringify(error, undefined, 2));
  });

}

      onGoogleLoginSuccess = (loggedInUser) => {
var profile = loggedInUser.getBasicProfile();
       this.auth.LoginSuccess(loggedInUser);
      }

这对我来说很好，但是当使用loginSuccess时，我想将视图路由到个人资料页面，此时我会遇到如下错误：

Uncaught TypeError: Cannot read property 'style' of null
    at G_ (cb=gapi.loaded_0:282)
    at H_.<anonymous> (cb=gapi.loaded_0:285)
    at Function.<anonymous> (cb=gapi.loaded_0:155)
    at MessagePort.c.port1.onmessage (cb=gapi.loaded_0:73)

此外，我还希望整个登录过程作为服务或模块重用。如何将整个Google Login Operations创建为模块或服务

你能给我一个代码片段或工作演示或建议我任何angular2模块来实现这一点。

我也尝试过angular2SocialLogin模块，但当我在git issue中提到生产时，也会显示错误。

请提前帮我摆脱它.Thanks ..

angular

typescript

google-api

google-api-js-client

angular2-modules

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-03-09 18:33:05

该错误可以通过在登录成功后隐藏登录按钮来修复。

 <div id="g-signin2" style="display: none;"></div>

参考this answer

另外，我遵循了这个plunkr example，并且和我一起工作得很好

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42692172

复制

相似问题

问Angular2谷歌签名
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular2谷歌签名EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular2谷歌签名
EN