Bir AngularJS uygulamasında google kullanıcısıyla oturum açın

Question

AngularJS uygulamamı google oturum açma ile bağlamak için this tutorial'u okudum. Kafanın içinde

Ben meta etiketi eklenir:

<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com"> 

Ve sonra düğmeye kendisi ekledi:

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

(sadece öğretici yapıştırmayı kopya) aşağıdaki gibi google düğmesi ekledik İlk başta onSignIn yöntemini kopyaladım (bu sadece genel bir işleyicidir, bu yüzden soruya kopyalamıyorum) ve bir <script>...</script> etiketine koydum ve işe yaradı. Şimdi bu yöntemi bir Açısal denetleyiciye koymak istiyorum. Bu yüzden aşağıdaki gibi bir denetleyici yarattı:

app.controller('GoogleCtrl', function() { 
    function onSignIn(googleUser) { 
    var profile = googleUser.getBasicProfile(); 
    console.log('ID: ' + profile.getId()); 
    console.log('Name: ' + profile.getName()); 
    console.log('Image URL: ' + profile.getImageUrl()); 
    console.log('Email: ' + profile.getEmail()); 
    } 
} 

Ve bir div ile düğmeye sarılmış:

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

Kodum şimdi onSignIn yönteme almaz ve ben anlamaya çalıştığım şey yapabilir miyim.

Answer 1

- Kumandanızda gelen işlev Eğer sandık gerekecektir aynı davranışı sahip olmak şimdi, tarayıcınızın JS konsolunda çalıştırmayı deneyin

app.controller('GoogleCtrl', function() { 
    function onSignIn(googleUser) { 
    var profile = googleUser.getBasicProfile(); 
    console.log('ID: ' + profile.getId()); 
    console.log('Name: ' + profile.getName()); 
    console.log('Image URL: ' + profile.getImageUrl()); 
    console.log('Email: ' + profile.getEmail()); 
    } 


    window.onSignIn = onSignIn; 
} 

kontrolör versiyonu sadece denetleyici içinde fonksiyon olarak adlandırılır iken

yüzden açısal $scope.$digest aramanız gerekmektedir onSignIn gibi 3 şahıs tarafından yürütülen bu kodu hatırlamak modelin farkındadır eğitimde

Answer 2

Kodunuza bakarak, işlevinize dinleyici eklemek zorunda kalabilirsiniz. İşleri basit tutmak için, bu eklenti ile uygulamanızda google girişini kolayca entegre edebilirsiniz. Eğer window. onSignIn olduğu ile sona erecek neler talimatları izleyin https://github.com/sahat/satellizer