显示角度加载栏并禁用页面的所有内容，直到加载页面 [英] Show angular-loading-bar And disable all contents of the page until page loads

问题描述

我有很多ASP.NET页面和服务器数据库连接。当需要从服务器到客户端时，他们需要一些时间才能完全加载。现在我想显示一个角加载栏，直到页面加载..它工作正常。但我想在加载页面时禁用页面。请参阅我用于
的链接
anulgar-loading-bar示例链接

请帮助我。

提前致谢

解决方案

我是角加载栏。

默认没有重叠，但您可以轻松地调整加载栏与这一点的CSS;

 ＃loading-bar {
 pointer-events ：all; 
 z-index：99999; 
 border：none; 
 margin：0px; 
 padding：0px; 
宽度：100％; 
身高：100％; 
 top：0px; 
 left：0px; 
 cursor：wait; 
位置：固定; 
 background-color：rgba（0，0，0，0.6）; 
} 
  

以下是演示。

I have lots of ASP.NET Pages and server database connection.They takes some time to load fully when requested from server to client. Now I want to show a angular-loading-bar until page loads.. It is working fine. But i want to disable the page at the time loading page. Please see this link which i used for
anulgar-loading-bar example link
Please help me.
Thanks in advance.

解决方案

I am a huge fan of angular-loading-bar.

No overlay by default, but you can easily tweak the loading-bar with this bit of CSS;

#loading-bar {
  pointer-events: all;
  z-index: 99999;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  cursor: wait;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
}

Here is a demo.

这篇关于显示角度加载栏并禁用页面的所有内容，直到加载页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！