谷歌登錄不識別登錄Angular的回調函數

Question

我正在構建一個小的Angular應用程序，我正在使用Google Sign-In。我只是使用Google給出的教程中的示例代碼。

   <span class="g-signin" 
       data-scope="https://www.googleapis.com/auth/plus.login" 
       data-clientid="blah" 
       data-redirecturi="postmessage" 
       data-accesstype="offline" 
       data-cookiepolicy="single_host_origin" 
       data-callback="signInCallback"> 
       </span> 

這使得按鈕登錄的元素，並運行此代碼開始

(function() { 
    var po = document.createElement('script'); 
    po.type = 'text/javascript'; 
    po.async = true; 
    po.src = 'https://plus.google.com/js/client:plusone.js?onload=start'; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(po, s); 
})(); 

，所有這一切都是由谷歌複製。然後，我有這個方法在我的控制器，

.controller('splashController', ['$scope', '$window', function($scope, $window){ 
     $scope.googleLogin() = function(){ 
       $scope.googleAuthResult = $window.googleAuthResult; 
       console.log($scope.googleAuthResult); 
     }; 


     window.signInCallback = function(authResult){ 
       console.log("happy"); 
     }; 
}]) 

但問題是運行谷歌+腳本之後，它正在圍繞角世界之外這signInCallback功能，這是我要保持角度，因爲我想通過角度發送令牌，而不是像jQuery一樣。有什麼建議麼？

Answer 1

嘗試使用gapi.auth.authorize方法。它調用與按鈕相同的功能，但通過Javascript顯式調用，並且它還允許您在控制器/服務/範圍內傳遞迴調方法。這是我的登錄功能：

var authParams =     // Define a params object for gapi.auth.authorize 
{ 
    client_id  : '****-****.apps.googleusercontent.com', 
    scope   : 'https://www.googleapis.com/auth/userinfo.email', 
    immediate  : false, 
    cookiepolicy : 'single_host_origin' 
}; 

/** 
* Authenticates the user and authorizes the local browser's JS GAPI Client, returns an object 
* with the GAPI Client's login token or false if it's not yet available, and the deferred 
* object whose promise will be resolved when the JS GAPI Client authenticates. 
* 
* @param hard  If {{ hard }} is truthy, force the GAPI Client to reauthenticate the user 
*     and reauthorize the client. Ensures the client is logged in and the session 
*     stays active even if it is disrupted external to the application. 
*/ 
this.login = function(hard) 
{ 
    // @TODO: Consolidate into (!hard && (token || pending) if token can be guaranteed falsey 
    //   while pending otherwise ret.logged is unreliable. 
    //   Where's a logical XOR when you need one? 
    ////////////////////////// 
    // If a login is pending and we're not forcing a hard reauth, return the deferred object 
    // promising the authorization response and 'logged':false 
    if (pending && !hard) return { logged : false, deferred : deferred }; 

    // If the token is already set and we're not forcing a hard reauth, resolve the deferred 
    // promise immediately and return it along with 'logged':token 
    if (token && !hard) 
    { 
     deferred.resolve(token); // Resolve the promise immediately, no login response to wait for 
     return { logged : token, deferred : deferred }; 
    } 
    ///////////////////////// 

    deferred = $q.defer(); // We need to wait for gapi.auth.authorize to respond, reinit the promise 
    pending = true;   // Don't restart the process on future calls if an authorization is pending 
    gapi.auth.authorize(authParams,this.handleAuthResult); // Authorize the client, then run the callback 

    // Not logged in, return the deferred object 
    return { logged : false, deferred : deferred}; 
} 

所有包含在一項服務中。