angularjs - 带有 AngularJS 的 Google 登录按钮

Question

我正在尝试使用 AngularJS 创建一个 Google 连接按钮。

我正在关注这个:https://developers.google.com/identity/sign-in/web/sign-in

我在 index.html 中加载了 platform.js，但该文件包含一个显示另一个 HTML 模板的 ng-view。

那么

<div class="g-signin2" data-onsuccess="onSignIn"></div>

没有加载..

访问数据成功的任何解决方案？

Answer 1

试试这个插件

https://github.com/sirkitree/angular-directive.g-signin

用法

包括 google-plus-signin.js。

将directive.g+signin 添加为您的应用程序的依赖项。

添加到您的应用程序。

在您的 $scope 上为 event:google-plus-signin-success 创建一个监听器，以检测您的用户何时通过身份验证。

可选:监听 event:google-plus-signin-failure 以处理身份验证错误和注销。

例子

<div ng-app="directive.g+signin">
  <google-plus-signin clientid="620125449078"></google-plus-signin>
  <p>^ This is a Google Plus sign-in button</p>
</div>

  $scope.$on('event:google-plus-signin-success', function (event,authResult) {
    // Send login to server or save into cookie
  });
  $scope.$on('event:google-plus-signin-failure', function (event,authResult) {
    // Auth failure or signout detected
  });