我使用的是Angular 12 SSR(服务器端渲染). 我的项目的问题是它在硬重新加载时显示页眉和页脚组件.但是，它应该首先显示加载器，然后显示整个页眉、页脚和路由出口.
这是我的app.component.html美元
<app-loader></app-loader>
<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>
Loader类显示HTTP调用的启动时间，并在响应所有HTTP请求时隐藏.
请让我知道，如果其他人面临同样的问题，并得到解决这个问题的解决方案.
提前谢谢！
[已解决]
通过在app.component.html和index.html中进行更改，我能够达到预期的输出
我的index.html现在看起来是这样的:
<body>
<div class="loader">
<img src="/assets/images/loader.gif" alt="Loading..." />
</div>
<app-root> </app-root>
<noscript>
Please enable JavaScript to continue using this application.
</noscript>
</body>
app.component.html个是这样的:
<app-header *ngIf="isLoaded"></app-header>
<router-outlet></router-outlet>
<app-footer *ngIf="isLoaded"></app-footer>