我々は、すべての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>