谷歌登录按钮与AngularJS

Question

我想创建一个谷歌连接按钮与AngularJS。

我跟随这名：https://developers.google.com/identity/sign-in/web/sign-in

我在index.html的加载platform.js，但这个文件包含NG-观点是显示另一个HTML模板。

然后

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

未加载..

任何解决方案来访问所述数据的onSuccess？

Answer 1

试试这个插件

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

使用

1. 包括谷歌加signin.js。
2. 将directive.g + signin添加为您的应用的依赖项。
3. 添加到您的应用。
4. 在您的$ scope事件中创建一个侦听器：google-plus-signin-success来检测您的用户何时进行身份验证。
5. 可选：收听活动：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 
    });