Angular2 - 显示加载消息，并在异步调用完成后隐藏它

Question

一旦来自REST API的异步调用完成，我愿意显示/隐藏正在加载的消息，它会隐藏正在加载的消息并显示已提取的内容。< / p>

我不知道如何在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>