Angular2 - показать сообщение о загрузке и скрыть его после завершения асинхронного вызова

Question

Я хочу показать / скрыть сообщение о загрузке после завершения асинхронного вызова из REST API, оно скрывает сообщение о загрузке и вместо этого показывает полученный контент.

Я не знаю, как этого добиться в Angular2, но в JavaScript делается что-то вроде этого:

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

rest angular

2

user5975786 1 Май 2016 в 17:23

Answer 1

Я считаю, что вы используете ngFor для отображения полученных данных.

Это должно сработать для вас:

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

2

Hamza L. 1 Май 2016 в 16:01

Answer 2

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

1

JB Nizet 1 Май 2016 в 14:33

Angular2 - показать сообщение о загрузке и скрыть его после завершения асинхронного вызова

2 ответа

Похожие вопросы

Новые вопросы

rest