2017-04-14 5 views
1

AngularJSでGoogle Connection Buttonを作成しようとしています。AngularJSのGoogleログインボタン

私はこの次だ

https://developers.google.com/identity/sign-in/web/sign-in

を私は自分のindex.htmlにplatform.jsをロードしますが、このファイルは別のHTMLテンプレートを表示NG-ビューが含まれています。

その後

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

がロードされていません。..

データ-ONSUCCESSにアクセスするための任意のソリューション

答えて

1

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

使用

  1. このプラグインを試すには、グーグルプラスsignin.jsを含めます。
  2. あなたのアプリに依存するとしてdirective.g + signinを追加します。
  3. アプリをAndroidアプリに追加
  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 
    }); 
+0

私は時間前にそれを見つけたが、それはうまくいきませんでした。 実際、今私はそれを探求する時間を費やし、いくつかのカスタマイズの後で動作します。あなたの答えをありがとう – Zooly

関連する問題