Angular2 - zeigt eine Lade Nachricht, und versteckt es einmal der Asynchron Anruf

Question

beendet Ich bin bereit, eine Laden Nachricht einmal der Asynchron Anruf von einer REST API Oberflächen zu zeigen/verstecken, versteckt es die Laden Nachricht und zeigt die abgerufenen Inhalt stattdessen.

Ich weiß nicht, wie das in Angular2 zu erreichen, aber in JavaScript ist so etwas getan:

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

Answer 1

Ich glaube, Sie einen ngFor verwenden geholt um die Daten anzuzeigen.

Dies sollte für Sie arbeiten:

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