每个角材料组件的微调器

时间:2019-02-08 09:04:26

标签: angular angular-material primeng

Angular PrimeNG表具有[loading]属性,用于在加载数据时显示微调框。我需要为材料的组件实现该属性,而不仅仅是为表格实现,还需要为其他组件(例如输入表单)实现该属性。我是Angular的新手。只是想知道如何为特定的div(而不是整个页面)创建微调器。

3 个答案:

答案 0 :(得分:1)

使用class和html创建自定义加载程序,您可以隐藏其他元素,直到不加载该数据为止。

答案 1 :(得分:1)

在这种情况下,更好的方法是创建一个单独的共享组件,例如LoaderComponent,然后将其放置在根级别的某个位置,例如app.component.html。

,并且在需要时可以通过共享服务在全球范围内显示/隐藏该加载器组件。

PS:作为共享组件,最好为该组件创建一个模块,这样您甚至可以在几个延迟加载的模块中使用它。

答案 2 :(得分:0)

我使用了ngx-loading软件包。它具有所需的功能。 https://www.npmjs.com/package/ngx-loading