javascript - 显示 angular-loading-bar 并禁用页面的所有内容，直到页面加载

Question

我有很多 ASP.NET 页面和服务器数据库连接。当从服务器请求到客户端时，它们需要一些时间才能完全加载。现在我想显示一个 Angular 加载栏，直到页面加载。它工作正常。但我想在加载页面时禁用该页面。请查看我用于此链接
anulgar-loading-bar example link
请帮帮我。
提前致谢。

Answer 1

我是angular-loading-bar的忠实粉丝.

默认情况下没有覆盖，但您可以使用这段 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 .