Angular的加载程序和进度条– ngx-ui-loader

Angular的加载程序和进度条– ngx-ui-loader
插件名称 ngx-ui-loader
发布时间 2020年5月19日

适用于Angular 5+和Angular 6+应用程序的多合一且完全可自定义的加载程序/旋转程序。

它支持前台,后台微调器/加载器和指示进度条。

主要特点:

  • 显示带有进度条的前台加载程序
  • 显示前台加载程序时,页面内容可能模糊/磨砂。
  • 显示具有不同ID的后台加载程序以执行不同任务
  • 能够添加徽标,加载文字
  • 能够更改微调器,徽标和加载文本的位置。注意:将它们全部设置  center-center为时,可以通过gap 属性调整它们之间的间隙  。其他职位类型将被忽略。例如,如果前景微调器和徽标的位置设置为  bottom-center,则它们将彼此重叠。
  • 能够更改徽标,微调框和进度条的颜色和大小
  • 能够改变进度条的方向
  • 自动显示路由器事件的加载程序。
  • 自动显示http请求的加载程序。

安装:

# Yarn
$ yarn add ngx-ui-loader

# NPM
$ npm install ngx-ui-loader --save