Angular Mat-Table 完成渲染事件 / Mat Paginator 加载 Spinner

2023-12-27

我正在使用带有相当大的预查询数据源的角度材质表。现在,每次我使用内置分页器更改表格页面时,在呈现新表格行之前都会有一个短暂的延迟,并且我想同时显示一个加载微调器。

问题是,当表页开始更改时,分页器只会触发一个事件,到目前为止,我没有找到解决方案来找出新行何时完全呈现。 (这将是我隐藏加载微调器的时刻)

我知道服务器端分页可以解决这个问题,但我更喜欢另一种可能性..

有人针对我的问题提出建议吗?


在我看来,更简单的方法是将 NgZone 作为组件中的依赖项注入并订阅 onStable 可观察对象。

假设您有一个处理页面更改的changePage 函数。然后你可以这样做:

this.changePage(newPage);
this.zone.onStable.pipe(take(1)).subscribe(() => {
  console.log('Do whatever you want, the table is rendered');
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular Mat-Table 完成渲染事件 / Mat Paginator 加载 Spinner 的相关文章

随机推荐