显示 Angular-loading-bar 并禁用页面的所有内容,直到页面加载

2023-11-26

我有很多 ASP.NET 页面和服务器数据库连接。当从服务器向客户端发出请求时,它们需要一些时间才能完全加载。现在我想显示一个角度加载栏,直到页面加载。它工作正常。但我想在加载页面时禁用该页面。请参阅我使用的这个链接
角度加载杆示例链接
请帮我。
提前致谢。


我是以下的忠实粉丝角度加载杆.

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

这是一个演示.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

显示 Angular-loading-bar 并禁用页面的所有内容,直到页面加载 的相关文章

  • 如何阻止gridview列自动编码html实体

    我对 ASP NET 相当陌生 在使用 gridview 时遇到了问题 我添加了一些包含 符号的条目 例如 PR Murphy Associates 在将数据插入数据库之前 我没有对数据进行任何编码 当网格视图更改为编辑模式时 我的文本如下
  • 按百分比设置 bootstrap 模态身高

    我正在尝试制作一个带有主体的模态 当内容变得太大时 该主体会滚动 但是 我希望模式能够响应屏幕尺寸 当我将最大高度设置为 40 时 它没有任何效果 但是 如果我将最大高度设置为 400px 它会按预期工作 但不会响应 我确信我只是错过了一些
  • 仅一页 JavaScript 应用程序

    您是否尝试过单页 Web 应用程序 即浏览器仅从服务器 获取 一页 其余部分由客户端 JavaScript 代码处理 此类 应用程序页面 的一个很好的例子是 Gmail 对于更简单的应用程序 例如博客和 CMS 使用这种方法有哪些优点和缺点
  • asp.net 文本框文本模式数字,仅允许数字

    我只是想知道 ASP NET 中是否有一种方法只允许文本框中的数字textmode number 当我使用这个时
  • 如何通过php获取网页的Open Graph协议?

    PHP 有一个简单的命令来获取网页的元标记 get meta tags 但这仅适用于具有名称属性的元标记 然而 开放图谱协议如今变得越来越流行 从网页获取 opg 值的最简单方法是什么 例如 我看到的基本方法是通过 cURL 获取页面并使用
  • javascript中按tab键时如何调用函数?

    我有一个这样的功能 function whenEmpty field if field value field style backgroundColor ffcccc alert Please fill the field field f
  • 如何延迟加载嵌入在 iframe 上的 YouTube 视频?

    如何将延迟加载应用于iframe嵌入视频 我尝试添加loading eager loading auto and loading lazyload 您可以使用srcdoc你里面的属性iframe标签来加载图像 请参阅以下示例作为参考
  • 对齐 GridView 中的行值

    我需要在 asp net 3 5 中右对齐 gridview 列中的值 我怎样才能做到这一点
  • 如何将送货地址复制到帐单地址

    我想知道是否可以将送货地址复制到帐单地址 当用户单击与送货地址相同的复选框时 送货地址值将被复制到账单输入字段 我完成了大部分部分 但我不确定如何将选择菜单 状态 值复制到帐单地址 我真的很感谢任何帮助 My code document r
  • 单击关闭按钮后不显示 Google 一键登录 UI

    我正在尝试按照本指南使新的谷歌一键登录工作 https developers google com identity one tap web https developers google com identity one tap web
  • 当 Angular 由于数据更改而完成更新布局时如何调用函数

    我有一个 ng repeat 指令 它显示链接列表 它工作正常 但我的代码还有一个 JavaScript 函数 它根据列表的尺寸放置列表 当然 在 Angular 完成数据绑定和修改 DOM 之前 列表的维度是未知的 如果我在数据更改后立即
  • 类型“typeof import("/home/kartik/Desktop/Ecommerce/ecommerce/node_modules/firebase/index")”上不存在属性“auth”。 TS(2339)

    我是 FireBase 的初学者 我正在尝试使用 Angular 通过 FireBase 实现 Google 登录 我在 auth 时收到上述错误 我特此附上login component ts和package json package l
  • 悬停时为 SVG 制作动画

    我正在尝试在悬停时为 SVG 文件设置动画 默认情况下 它可以使用 svg 函数实现出色的动画效果 例如
  • 如何获取 UIWebView 中元素的位置?

    我在 iPad 程序中加载了 html 的 UIWebView 通过使用 webkit column width 我将 html 分为几列 padding 0px height 1024px webkit column gap 0px we
  • 数据表日期范围过滤器

    如何添加日期范围过滤器 like From To 我开始进行常规搜索和分页等工作 但我不知道如何制作日期范围过滤器 我正在使用数据表 1 10 11 版本 My code var oTable function callFilesTable
  • 单击引导分页链接时调用 jquery 函数

    我想在单击引导分页链接时调用 jquery 函数 假设我想从第1页遍历到第2页 应该调用一个jquery函数 我正在使用以下代码 但它不起作用 ul pagination on click li function alert page ch
  • 需要有关 React Js 的帮助

    我是 React Js 新手 我的代码无法正常工作 请看下面 这是我的脚本文件Main jsx 该文件由 React 编译 输出放置在 dist 文件夹下的 main js 文件中 var react require react react
  • 使用异步调用时如何从 javascript 更新元刷新?

    我有一个系统 它使用元刷新来注销页面 该系统会在空闲用户后进行清理 不用担心 服务器也会导致会话超时 我开始通过 ajax 进行一些操作 不是真正的 xml 但这不是重点 我可以运行从异步请求返回的javascript 所以我想知道是否可以
  • KeyboardAvoidingView - 隐藏键盘时重置高度

    我正在使用 React NativeKeyboardAvoidingView设置我的高度View当显示键盘时 但是当我关闭应用程序中的键盘时 视图的高度不会变回原来的值
  • AngularJS - 设置下拉列表的选定值不起作用

    我在这里复制了我的问题 http jsfiddle net U3pVM 2840 http jsfiddle net U3pVM 2840 正如标题所示 我无法设置使用 ng options 填充的选择的选定值 我已经搜索并尝试了我找到的所

随机推荐

  • 将base64图像数据转换为angularjs中的图像文件

    在 AngularJS 中将 Base64 文件转换为图像时文件损坏 任何人都可以建议我如何在 AngularJS 中将 Base64 文件转换为图像 我正在使用这种方法将base64文件转换为图像 var imageBase64 imag
  • 如何分割一个大的 xml 文件?

    我们将 记录 导出到 xml 文件 我们的一位客户抱怨该文件太大 他们的其他系统无法处理 因此 我需要拆分文件 同时在每个新文件中重复 标题部分 因此 我正在寻找一些东西 可以让我为应该始终输出的部分定义一些 xpath 并为 行 定义另一
  • 暂停,恢复时给出上次暂停的值

    我有一个热Observable由套接字供电 我可以使用pausable暂停套接字馈送 但是 一旦我 取消暂停 可观察对象 我需要显示在订阅暂停时套接字可能发送的最后一个值 我不想跟踪套接字手动发送的最后一个值 这怎么可能暂停 从文档中的示例
  • CBPeripheralManager startAdvertising 无法在 OS X yosemite 上运行

    使用您的 mac 运行 OS X 10 10 yosemite DP 6 作为 iBeacon 时有人注意到任何问题吗 我尝试了几种工具 也自己开发了它 使用 CBPeripheralManager startAdvertising 但没有
  • React-native-video 播放 Vimeo 和 YouTube

    我想知道是否可以通过 React Native 组件react native video 播放 Vimeo 和 YouTube 到目前为止 我的研究表明这几乎是不可能的 因为react native video需要直接引用文件 或流 而这些
  • 如何在 Delphi 中使用或解决视觉表单继承问题?

    我一直在 Delphi 7 中从事一个项目 我想让表单从其他表单继承组件 我能够完成这项工作 但遇到了以下问题 我将发布解决方案 希望将来能帮助其他人 在表单的 pas 文件中 我会将表单更改为从其他表单继承 但它不会从祖先表单获取组件 对
  • 如何转义任意字符串以用作 Windows 中的命令行参数?

    我有一个字符串列表 我想在单个 Windows 命令行调用中将这些字符串作为参数传递 对于简单的字母数字字符串 只需逐字传递它们就足够了 gt script pl foo bar baz yes no foo bar baz yes no
  • iPhone中的核心数据默认使用哪种持久存储

    我正在我的应用程序中创建多个持久存储 但我仅使用一个持久存储协调器和托管对象模型 现在我的问题是 当我在托管对象上下文上调用 save 方法时 它将使用哪个持久存储来保存对象 所以我想指定用于保存对象的持久存储 同样 在从数据库中获取对象时
  • 为什么Python中的对象不能添加属性? [复制]

    这个问题在这里已经有答案了 用Python shell编写 gt gt gt o object gt gt gt o test 1 Traceback most recent call last File
  • 向控制器提交多次调用的相同 Partial View 数据?

    我在我的视图中添加了一个按钮 单击此按钮后 将添加部分视图 在我的表单中 我可以添加尽可能多的部分视图 提交此表单数据时 我无法将所有部分视图数据发送到控制器 我制作了一个具有所有属性的不同模型 并且我已将该模型的列表添加到我的主模型中 谁
  • 在 C# 中实现方法装饰器

    In python是可以实施的function decorators扩展函数和方法的行为 特别是我正在迁移设备库python to C 与设备的通信可能会生成错误 应通过自定义异常重新引发错误 In python我会这样写 device e
  • 双倍到常量字符*

    如何将 double 转换为 const char 然后将其转换回 double 我想将双精度数转换为字符串 通过 fputs 将其写入文件 然后当我读取文件时 需要将其转换回双精度数 我正在使用 Visual C 2010 Express
  • 从 C 语言在 64 位汇编函数中传递参数。哪个寄存器接收这些参数?

    我想将参数从 C 传递给汇编函数 在类 UNIX 系统上 前六个参数为 rdi rsi rdx rcx r8 和 r9 在 Windows 上 前四个参数为 rcx rdx r8 和 r9 现在 我的问题是 在 BIOS 或 DOS 编程级
  • Opengl ES 2.0:获取纹理大小和其他信息

    问题的背景是Android环境中的OpenGL ES 2 0 我有质感 显示或使用都没有问题 有没有一种方法可以简单地从其绑定 ID 开始了解其宽度和高度以及其他信息 如内部格式 我需要在不知道纹理大小的情况下将纹理保存到位图 ES 2 0
  • javascript onbeforeunload 检测刷新或关闭

    使用以下函数可以检测用户拥有哪个按钮 按下刷新按钮或关闭按钮 如果没有还有其他办法吗 window bind beforeunload function event return pls save ur work 简单的答案是否定的 浏览器
  • 使用 next-auth 中间件防止经过身份验证的用户访问自定义登录页面

    我们目前正在使用 NextJS 13 开发一个应用程序next auth 到目前为止一切都很好 我们的应用程序使用自定义登录页面CredentialsProvider我们使用 next auth 中间件来保护我们的路由 我们希望阻止我们的用
  • 尝试在 SignalR ASP.NET Core 3.0 中使用 IAsyncEnumerable Catch

    尝试从 ASP NET Core 3 SignalR Hub 捕获顶级异常 这很棘手 因为我使用的是yield return 并且您不能将其包装在try catch 块中 它给出了这个编译器错误 CS1626 C 无法在带有 catch 子
  • 在 Python if 或 if/elif 语句末尾包含 else: pass 语句是最佳实践吗?

    如果我写 if a b do something elif a c do something else 我只是想通过 否则 最后是否需要写出以下内容 else pass 它似乎运行良好 没有else 口译员中的声明 是否有一个我不知道的原因
  • 即使标头状态代码为 200,Retrofit 也会调用 failure() 方法

    我正在使用改造进行后端通信 下面是改造调用的片段 serverObject createEvent Utils getAuthHeader params new Callback
  • 显示 Angular-loading-bar 并禁用页面的所有内容,直到页面加载

    我有很多 ASP NET 页面和服务器数据库连接 当从服务器向客户端发出请求时 它们需要一些时间才能完全加载 现在我想显示一个角度加载栏 直到页面加载 它工作正常 但我想在加载页面时禁用该页面 请参阅我使用的这个链接角度加载杆示例链接 请帮