0

嗨，我正在尝试使用 Type Script 的 Angular2 通过他们的指南添加登录/注销到谷歌/从谷歌

在 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 登录操作创建为模块或服务

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

我也尝试过 angular2SocialLogin 模块，但这也显示错误当我得到错误的生产时，有些人认为我在git 问题中提到

请帮帮我。在此先感谢..

4

1 回答 1

2

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

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

参考这个答案

我也跟着这个plunkr 例子和我一起工作得很好

于 2017-03-09T10:33:04.890 回答