关闭ModalDirective后,是什么在Chrome上造成大量滚动滞后?

时间:2018-07-23 17:41:24

标签: angular lag

我正在研究一个Angular 5项目,该项目有多个页面,其中<ngx-datatable>显示了一个网格,用户单击了网格,这将打开一个ModalDirective表单来编辑单个网格项目。但是在关闭模式形式后,它似乎“留下了一些东西”,因为任何滚动尝试都变得非常缓慢(坐在那里5秒钟以上,盯着浏览器什么也不做,),但仅在Chrome上。 (它在Firefox中运行良好,而Edge甚至根本无法打开ModalDirective,因此,这一点上我没有任何数据。)问题一直存在,直到关闭或刷新选项卡为止。

Chrome任务管理器显示,在此延迟期间,此选项卡上的CPU固定为100%。根据探查器,这段时间所花费的一切都是Angular的一部分,而不是我们项目自己的代码:

enter image description here

搜索此问题时,我能找到的最接近的东西是this issue,它看起来很相似,但是它没有使用ModalDirective,并且显然已经解决了,所以这不是我们要解决的问题一直在这里。

是否有人熟悉此问题,谁可能知道如何处理?不管是什么原因导致它似乎都在Angular框架代码的深处,所以很可能这是一个无法修复的错误,但我真的希望至少有某种解决方法...

0 个答案:

没有答案