角度冻结页面-不允许单击

Question

我正在向后端发出HTTP请求，我想冻结页面。实际上，我想冻结整个屏幕。在页面上，我有一个按钮，可以将用户重定向到另一个页面。按钮不应该工作。在http请求完成之前，不应重定向用户。这在Angular中可能吗？

Answer 1

通常除了微调器之外，您还可以创建一个透明/半透明的覆盖div，并将其显示在所有其他元素的顶部，这样就可以防止所有用户的操作。执行请求时只需显示/隐藏即可。有很多图书馆，有一些例子说明如何做到这一点。以下是CSS片段，它给出了CSS的外观：

.overlay {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 10000;
opacity: 0.5;
}

和在模板中：

<div class="overlay" *ngIf="requestInProgress">
</div>