如何使用带有* ngFor异步的微调器

Question

我有一个疑问，在角度v4之后，我们在pipe async上*ngFor来减少没有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

您可以使用下面给出的<div *ngIf="ovservable$ | async as user; else loading"> </div> <ng-template #loading> Loading... </ng-template>

{{1}}

点击此处：NgIf