Добавьте Google Sign-In в свой Интернет с помощью AngularJS

Я пробовал демонстрацию и ее работу, но когда я пытаюсь использовать angular, она работает не идеально. и проблема в функции, она не работает.

кнопка входа

  <div class = "g-signin2" data-onsuccess = "onSignIn()" data-theme = "dark"></div>

добавлена ​​зависимость и создайте clientID

  <meta name = "google-signin-scope" content = "profile email">
  <meta name = "google-signin-client_id" content = "******644722-rv6i1sh8437nc82o8egufkui0424k1qg.apps.googleusercontent.com">
  <script src = "https://apis.google.com/js/platform.js" async defer></script>

функция называется

    $scope.onSignIn=function(googleUser){
    var profile = googleUser.getBasicProfile();
    console.info("ID: " + profile.getId());  
    console.info('Full Name: ' + profile.getName());
    console.info('Given Name: ' + profile.getGivenName());
    console.info('Family Name: ' + profile.getFamilyName());
    console.info("Image URL: " + profile.getImageUrl());
    console.info("Email: " + profile.getEmail());
    var id_token = googleUser.getAuthResponse().id_token;
    console.info("ID Token: " + id_token);

  };