Обработка наблюдаемой <boolean>для углового обзора из AuthService

Question

Я создаю сервис аутентификации для приложения angular 5, в настоящее время мой сервис имеет метод, который выглядит следующим образом:

public isLoggedIn(): Observable<boolean> {
 return this.getToken().map(t => {
    return t !== null;
  });
}

Этот метод возвращает наблюдаемый тип логического типа, на мой взгляд, у меня естьэтот метод:

public isLoggedIn() {
  return this.auth.isLoggedIn();
}

Этот метод, конечно, происходит от предыдущего сервиса.Я пытаюсь показать, вошел ли пользователь в систему или нет на основе этой функции. Это будет html-часть:

<button type="button" *ngIf="isLoggedIn()" (click)="logout()" class="btn btn-danger">
Logout</button>

Заранее благодарен за помощь

Answer 1

если ваше выражение возвращает экземпляр Observable, вы можете использовать async pipe для «извлечения» данных

в вашем конкретном случае:

<button type="button" *ngIf="isLoggedIn() | async" (click)="logout()" class="btn btn-danger">Logout</button>

. Прочтите документы для дальнейшего использования:https://angular.io/api/common/AsyncPipe