Angular2 - 私は/ RESTのAPIの終了から非同期呼び出したら<strong>ロードメッセージ</strong>を隠すために喜んで、それは<strong>ロードメッセージ</strong>を隠し、示しロードメッセージを表示し、非同期呼び出しが

Question

を終了したら、それを隠します代わりにコンテンツを取得しました。

私はAngular2でそれを達成する方法を知りませんが、JavaScriptで、このような何かが行われます。

<h2 id="message">Loading....</h2> 
<script> 
$(document).ready(function(){ 
    $('#message').hide(); 
    //Then Show the newly fetched content 
    } 
</script> 

Answer 1

私はあなたが取得したデータを表示するためにngForを使用していると信じています。あなたの答えのための

<div *ngIf="!content">Loading...</div> 
<div #ngFor="#content of content"></div> 
<div *ngIf="content">Now the fetched content appears here!</div> 

Answer 2

<div *ngIf="!content">Loading...</div> 
<div *ngIf="content"> TODO display the content here </div>