Angular 8-仅在组件内显示加载微调器

无糖

我正在建立一个SPA,其主页将包含多个组件。我希望每个组件都有一个加载微调器,没有覆盖层,仅在组件内显示。

我已经实现了ng-http-loader 6.0.1,但是它创建了一个叠加层,并且微调框显示在整个页面上。我没有找到任何迫使它停留在该特定组件内的选项。

如果没有,最好的方法是什么?硬编码微调器,当http请求返回结果时,用结果替换微调器?我认为必须有更好的方法来做到这一点。

http调用示例@angular/common/http HttpClient

private startHttpRequest = () => {
this.http.get('/TestUrl/')
  .subscribe(res => {
    console.log(res);
  });

}

SignalR用来显示和更新结果

戈皮纳斯

这是一种实现组件级微调器的简单方法:

  1. 创建一个名为“ Spinner小组件

  2. 将微调器包含在发出Web服务请求的组件中

  3. 使用ng-hideng-show控制Spinner组件的可见性

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular / Ionic:如何在加载组件时显示我的微调器

来自分类Dev

Angular.js显示正在加载微调器

来自分类Dev

Angular 8法线加载模块

来自分类Dev

顺利加载消息Angular 8

来自分类Dev

Angular 8不显示数组

来自分类Dev

在Angular 8中使用共享组件进行延迟加载

来自分类Dev

如何显示已在Angular 8中销毁的动态组件?

来自分类Dev

延迟加载不加载模块-Angular 8

来自分类Dev

在 angular4 应用程序中加载数据时显示进度微调器

来自分类Dev

在Angular 8中动态加载json

来自分类Dev

api显示列表中的Angular 8问题

来自分类Dev

从Angular 8的列表中显示随机3

来自分类Dev

在Angular 8中显示地图属性

来自分类Dev

Angular 8中的路由器防护

来自分类Dev

在Angular 8中将FormArray验证器从子组件传播到父组件

来自分类Dev

如何在Angular 8中仅重新加载或刷新子组件

来自分类Dev

Angular 8如何获取可用于动态加载的组件数组?

来自分类Dev

Angular 8,当条件为真时,组件未在HTML中加载

来自分类Dev

Angular 2+ HTTP请求-在最小持续时间内显示加载微调器,以获取成功和错误响应

来自分类Dev

不会在Angular 8中加载graphql-tag的Webpack加载器

来自分类Dev

如何使用延迟加载仅加载angular 8中的模块

来自分类Dev

Angular 8-无需访问URL参数即可跟踪显示的组件

来自分类Dev

如何确定屏幕上是否显示了动态组件并在Angular8中访问其属性

来自分类Dev

如何在 Angular 8 的另一个组件中显示提交的表单?

来自分类Dev

订阅Angular 8中可观察到组件的问题

来自分类Dev

Angular 8:同步/顺序运行组件类方法

来自分类Dev

编辑组件中的验证在Angular 8中不起作用

来自分类Dev

Angular 8将ngrx状态绑定到组件

来自分类Dev

如何在Angular 8中捕获动态渲染组件的输出?

Related 相关文章

  1. 1

    Angular / Ionic:如何在加载组件时显示我的微调器

  2. 2

    Angular.js显示正在加载微调器

  3. 3

    Angular 8法线加载模块

  4. 4

    顺利加载消息Angular 8

  5. 5

    Angular 8不显示数组

  6. 6

    在Angular 8中使用共享组件进行延迟加载

  7. 7

    如何显示已在Angular 8中销毁的动态组件?

  8. 8

    延迟加载不加载模块-Angular 8

  9. 9

    在 angular4 应用程序中加载数据时显示进度微调器

  10. 10

    在Angular 8中动态加载json

  11. 11

    api显示列表中的Angular 8问题

  12. 12

    从Angular 8的列表中显示随机3

  13. 13

    在Angular 8中显示地图属性

  14. 14

    Angular 8中的路由器防护

  15. 15

    在Angular 8中将FormArray验证器从子组件传播到父组件

  16. 16

    如何在Angular 8中仅重新加载或刷新子组件

  17. 17

    Angular 8如何获取可用于动态加载的组件数组?

  18. 18

    Angular 8,当条件为真时,组件未在HTML中加载

  19. 19

    Angular 2+ HTTP请求-在最小持续时间内显示加载微调器,以获取成功和错误响应

  20. 20

    不会在Angular 8中加载graphql-tag的Webpack加载器

  21. 21

    如何使用延迟加载仅加载angular 8中的模块

  22. 22

    Angular 8-无需访问URL参数即可跟踪显示的组件

  23. 23

    如何确定屏幕上是否显示了动态组件并在Angular8中访问其属性

  24. 24

    如何在 Angular 8 的另一个组件中显示提交的表单?

  25. 25

    订阅Angular 8中可观察到组件的问题

  26. 26

    Angular 8:同步/顺序运行组件类方法

  27. 27

    编辑组件中的验证在Angular 8中不起作用

  28. 28

    Angular 8将ngrx状态绑定到组件

  29. 29

    如何在Angular 8中捕获动态渲染组件的输出?

热门标签

归档