Question

我是 Angular 的新手，这看起来像是一个简单的问题，但是当我用Google搜索它时却找不到答案..当我调用需要几秒钟的Web服务时，我有了一个微调器显示，但我希望所有屏幕都被禁用（例如灰色屏幕-类似于我在弹出消息中看到的内容）有任何想法吗？当我有多个组件时，我希望它也能工作

Answer 1

您可以在网站上放置div并对其应用以下CSS。然后，您可以使用* ngIf进行切换（将其设置为在请求开始时可见，并在请求结束后将其隐藏）：

<div class="disable-background" *ngIf="toggleLayer"></div>

.disable-background{
   position: fixed;
   top: 0;
   left: 0;
   background: #2d2d2d;
   opacity: 0.8;
   z-index: 998;
   height: 100%;
   width: 100%;
}

它的作用是在实际屏幕上方放置一个灰色层，这有点透明。

Answer 2

您可以使用ngx-spinner。这是非常容易实现的。您可以在此处进行检查-https://www.npmjs.com/package/ngx-spinner。

Answer 3

您可以尝试创建一些透明图像，并覆盖整个页面，并在处理对其他Web服务的呼叫时显示该图像，然后将其隐藏...除了您的gif之外，

Angular如何在调用Web服务时禁用屏幕

3 个答案: