从数据库

Question

我们都知道angular2可以显示＆＃34; Loading＆＃34;这样的信息： <component-selector>Loading...</component-selector>

我们知道＆＃34;正在加载......＆＃34;将在加载组件时隐藏。

我的问题是，如何使用＆＃34;正在加载......＆＃34;在其他情况下的消息，例如：

<div *ngFor="let offer of offers | async">
  <p><strong>Title:</strong> {{offer?.title}}</p>
  <p><strong>Description:</strong> {{offer?.description}}</p>
  <hr>
</div>

我在构造函数中导入商品，但这些信息加载1-2秒。我想展示一些＆＃34; Loading＆＃34;文本到它们显示的时间。有没有办法做到这一点？

Answer 1

在* ngFor之前制作一个* ngIf就像这样：

<div *ngIf="!offers">Loading...</div>
<div *ngFor="let offer of offers | async">
  <p><strong>Title:</strong> {{offer?.title}}</p>
  <p><strong>Description:</strong> {{offer?.description}}</p>
  <hr>
</div>