当用户将鼠标悬停在Openlayers地图上时,Angular会重新渲染

 收藏

我正在与Angular 8一起在项目中使用Openlayers 6。 直到现在,我注意到,只要将鼠标悬停在Openlayers地图上,就会重新渲染地图所在的Angular组件。

我的问题是我如何使父组件始终停止在该悬停时重新渲染。因为它会使应用程序变慢。我的项目中有一个更大的组件,因此,要重新渲染所有内容,将使应用程序本身变慢。

For this purpose i created a repo to demonstrate this: https://github.com/petrovichm/angular-openlayers-hover-problem. In this example i added a method in html that will log when it is run, thus giving a overview how many times is angular re rendering component.

我想用plunker或codesanbox创建在线可运行的文件,但是当我制作此示例窗口时,由于重新渲染中存在无休止的循环,这使它们不可用,当我在本地运行此项目时并不会发生这种情况,它只会发生在徘徊

谢谢。

回复