显示angular-load-bar并禁用页面的所有内容,直到页面加载为止

Question

我有很多ASP.NET页面和服务器数据库连接.当从服务器到客户端请求时,它需要一些时间来完全加载.现在我想显示一个角度加载条直到页面加载..它工作正常.但我想在加载页面时禁用该页面.请看这个我用于
anulgar-loading-bar示例链接的链接
请帮帮我.
提前致谢.

Answer 1

我是角度加载条的巨大粉丝.

默认情况下没有叠加,但您可以使用这一点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);
}

这是一个演示.

Answer 2

实际上,我在几天前写了一个块ui模块用于角度来实现这个技巧.它应该与那个漂亮的装载栏一起工作.

Answer 3

我不确定我是否100%理解你的问题。难道你不能只覆盖一个div（可能是灰色的-以显示它已禁用），并显示加载栏/gif？

覆盖 div 非常简单，您可以找到许多资源，例如 如何 使用 css 将一个 div 覆盖在另一个 div 上 将一个 div 覆盖在另一个 div 上