Angular 角度openlayers:增加DOM节点

Angular 角度openlayers:增加DOM节点,angular,openlayers,dom-node,Angular,Openlayers,Dom Node,我有一个简单的angular应用程序,其中有一个延迟加载的模块显示一个简单的openlayers地图,带有一个“pointermove”动画,显示悬停时的特征信息。 我面临的问题是,每次导航到map模块时,DOM节点数都会不断增加,而在导航到另一个模块时,DOM节点数不会减少。 我从大约70个Dom节点开始,每次导航到该模块时都会得到+30个节点和一个FPS下降。5-6次导航后,地图性能急剧下降(在悬停和显示弹出窗口时可见) 我从图1到图2进行了多次激活,DOM节点不断增加 角度版本:12

我有一个简单的angular应用程序,其中有一个延迟加载的模块显示一个简单的openlayers地图,带有一个“pointermove”动画,显示悬停时的特征信息。
我面临的问题是,每次导航到map模块时,DOM节点数都会不断增加,而在导航到另一个模块时,DOM节点数不会减少。
我从大约70个Dom节点开始,每次导航到该模块时都会得到+30个节点和一个FPS下降。5-6次导航后,地图性能急剧下降(在悬停和显示弹出窗口时可见)

我从图1到图2进行了多次激活,DOM节点不断增加

角度版本:12.0.1
Ol软件包:6.5.0

在angular应用程序中使用openlayers时,有什么我遗漏的吗

编辑:Stackblitz


当我编写一个干净的项目时,我可以通过简化代码来消除FPS下降,但是DOM节点不断增加

您是如何显示信息的?是否有订阅或未关闭的内容重新实例化?我已经有一段时间没有用过它了,但我似乎记得像是
layers.destroyFeatures()
ngondstroy()
或其他东西中所必需的。很难说没有一个可复制的例子可以看,也许是stackblitz?谢谢你的回答,我会尽快做一个stackblitz,我也会尝试研究它的功能。我用变量和字符串插值显示信息,当悬停一个功能时,我给它一个新值,视图得到更新(简单的字符串值)添加Stackblitz&screenshot