在使用setTimeout（）完全加载网页之前，如何在模板中使用Bootstrap Spinner？

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>