Как использовать спиннер с * ng для асинхронного

Question

У меня есть одно сомнение, после углового v4 у нас есть pipe async на *ngFor, чтобы уменьшить код без subscribe.До этого я всегда использовал одну переменную boolean, чтобы показать спиннер при запуске запроса и удалить при получении ответа!Теперь с async, как я могу сделать это без подписки?Какой самый лучший способ?Я пробовал это:

  users: Observable<User[]>

  <ion-spinner *ngIf="!users" class="spinner" name="circles"></ion-spinner>
  <ion-list no-lines>
    <button ion-item *ngFor="let user of users | async" (click)="onChatCreate(user)">
      {{ user.name }}
    </button>
  </ion-list>

Но не работает ... У кого-нибудь есть идеи, чтобы помочь?Большое спасибо!

Answer 1

вы можете использовать ngIf..else, как указано ниже

<div *ngIf="ovservable$ | async as user; else loading">

</div>
<ng-template #loading>
  Loading...
</ng-template>

проверьте здесь: NgIf