Angular2從數據庫

Question

獲得當加載信息，我們都知道，angular2可以顯示「加載」的信息是這樣的： <component-selector>Loading...</component-selector>

我們知道，「正在加載...」將組件加載時，隱伏。

我的問題是，我如何使用「載入中...」的消息在其他情況下，例如：

<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秒，這些信息負荷優惠。我想在顯示時顯示一些「加載」文本。有沒有辦法做到這一點？

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>