После того, как Google подписать его не исчезает кнопка входа

Question

при входе в Google после входа в систему не исчезает кнопка входа, а также не отображается кнопка выхода из системы.но когда я нажимаю любую клавишу, она отображает кнопку выхода из системы и исчезает кнопку входа.

 public googleInit() {
  gapi.load('auth2', () => {
  this.auth2 = gapi.auth2.init({
    client_id: this.clienttId,
      cookiepolicy: 'single_host_origin',
    scope: this.scope
  });
  this.attachSignin(document.getElementById('googleBtn'));
});
}
public attachSignin(element) {

console.log(this.auth2);

this.auth2.attachClickHandler(element, {},
  (googleUser) => {

    this.isLoggedOuts = false;
    const profile = googleUser.getBasicProfile();
    this.googleData.accessToken = googleUser.getAuthResponse().access_token;
    this.googleData.email = profile.getEmail();
    this.googleData.name = profile.getName();
    this.googleData.imageurl = profile.getImageUrl();
    this.googleData.id = profile.getId();
    this.googleData.provider = 'google';
    // this.ngOnInit();
  }, (error) => {
    //  alert(JSON.stringify(error, undefined, 2));
  });

}

HTML-код

<div *ngIf="isLoggedOuts">
  <button class="btn btn-danger mx-auto" id="googleBtn" 
   (click)="attachSignin('googleBtn')">
    <i class="fa fa-google"></i><span class="ml-2">Sign in with 
    Google</span>
  </button>

</div>

<br/>

<div *ngIf="!isLoggedOut">
<p>sdfd</p>
<div id="googleBt"></div>
    <button class="btn mx-2" (click)="signOutForGoogle()">Logout</button>
  </div> 

     </div> 

  <script src="https://apis.google.com/js/platform.js" async defer></script>

Я добавил этот скрипт в index.html.файл.

, поэтому исходное значение isLoggedOuts равно true, а после входа в систему оно становится ложным.

Пожалуйста, помогите