angular - 如何将微调器与 *ngFor async 一起使用

Question

我有一个疑问，在 angular v4 之后，我们在 *ngFor 上有 pipe async 来减少没有 subscribe 的代码。在此之前，我总是使用一个变量 bool 值来在开始请求时显示微调器并在获得响应时删除!现在使用 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