如果Observable加载后没有项目，则显示消息

Question

在Angular 7应用程序中，我具有以下内容：

<div *ngIf="(posts$ | async)?.length > 0; else loader">
  <ng-container *ngFor="let post of posts$ | async">
    posts contents
  </ng-container>
</div>
<ng-template #loader>
  Loading ...
</ng-template>

有时候加载后没有帖子...

在这种情况下，我想显示一条消息，指出“找不到帖子”。

我该怎么做？

Answer 1

您可以这样做：

<div *ngIf="(posts$ | async) as posts; else loader">
  <div *ngIf="posts.length > 0; else noposts">
    <ng-container *ngFor="let post of posts">
      posts contents
    </ng-container>
  </div>
  <ng-template #noposts>
    No posts
  </ng-template>
</div>
<ng-template #loader>
  Loading ...
</ng-template>