Angular2 загрузка информации при получении из базы данных

Question

Мы все знаем, что angular2 может отображать «Загрузку» информацию, как это: <component-selector>Loading...</component-selector>

Мы знаем, что «Loading ...» будет спрятан, когда компонент загружен.

Мой вопрос, как я могу использовать «Загрузка ...» сообщения в других ситуациях, например:

<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

Сделать * ngIf прямо перед * ngFor как так:

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