Реализация функции isLoggedIn() в Angular с помощью oidc-client в *ngIf

Цель: я пытаюсь скрыть и показать кнопку входа и выхода в приложении Angular, используя IdentityServer4 и клиент oidc.

Проблема: ответ от моей функции isLoggedIn возвращает неопределенное значение до того, как он вернет значение true, а *ngIf никогда не показывает кнопку «Выход» и не скрывает кнопку «Войти». См. код:

приложение.componenet.html:

<span>
      <button *ngIf = "!isLoggedIn()" mat-button (click) = "login()">Login</button>
      <button *ngIf = "isLoggedIn()" mat-button (click) = "logout()">Logout</button>
</span>

app.componenet.ts:

    isLoggedIn(){
        console.info('isLoggedIn -this._authService.isLoggedIn():',
          this._authService.isLoggedIn());
        this._authService.isLoggedIn();
      }

auth.service.ts

isLoggedIn(): boolean{
    return this._user && this._user.access_token && !this._user.expired;
  }

в auth.service.ts я устанавливаю пользовательский объект следующим образом:

 this._userManager = new UserManager(config);
    this._userManager.getUser().then(user =>{
      if (user && !user.expired){
        this._user = user;
      }

вывод console.info:

Что я пробовал:

1. Я попытался поиграть со своей версией oidc-client, переключив между наименьшим и 1.4.1 и убедившись, что они совпадают в package.json и мой файл oidc-login-redirect.html.
2. Превращение функции auth.service.ts isLoggedIn в обещание isLoggedIn() и вызов ее непосредственно из *nfIf с использованием асинхронного канала

auth.service.ts Обещать{ вернуть новое обещание (разрешить => { разрешить(this._user && this._user.access_token && !this._user.expired); }); }

app.component.html

  <button *ngIf = "!this._authService.isLoggedIn() | async" mat-button (click) = "login()">Login</button>
  <button *ngIf = "this._authService.isLoggedIn() | async" mat-button (click) = "logout()">Logout</button>

Ни одна из этих вещей не сработала, и попытка обещания привела к зависанию Google Chrome: