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

Question

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

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

How use spinner with *ngFor async

pipe

ionic-framework

ionic2

ngfor

angular