Как использовать загрузчик в шаблоне до полной загрузки веб-страницы с помощью setTimeout ()?

Question

Я хотел, чтобы вращатель Bootstrap 4 появлялся, если есть задержка при загрузке шаблона углового компонента. Как это сделать?

Как я могу заставить его исчезнуть после полной загрузки шаблона? Должен ли я использовать setTimeout(), если да, то как мне это реализовать?

Answer 1

Если вы используете полный Angular, а не angularJS, setTimeout () не требуется. Что-то вроде этого - все, что вам нужно:

<div class="page" *ngIf="apiDataObject; else loading">
    // rest of component
</div>
<ng-template #loading>
   // whatever spinner/loading indicator you want
</ng-template>