Angular2 Informationen geladen, wenn aus der Datenbank erhalten

Question

Wir alle wissen, dass angular2 können „Laden“ Informationen wie diese angezeigt: <component-selector>Loading...</component-selector>

Wir wissen, dass „Loading ...“ wird Hiden werden, wenn die Komponente geladen wird.

Meine Frage ist, wie könnte ich „Loading ...“ Nachricht in anderen Situationen verwenden, zB:

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

ich Angebote in Konstruktor importieren, aber diese Informationen Last wie 1-2 Sekunden. Ich möchte etwas "Laden" Text zu dem Zeitpunkt anzeigen, wenn sie angezeigt werden. Gibt es eine Möglichkeit, das zu tun?

Answer 1

ein * ngIf Stellen direkt vor dem * ngFor wie so:

<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>