問題タブ [dom-node]

そのため、useRef を使用して DOM ノードの幅を変更できないという問題に直面しています。onDragEnd イベントを使用して、選択したノードのみの幅の変更をトリガーします。「elementRef.current.style.width」プロパティを変更して幅を設定しています。しかし、変更はフロントエンドに反映されていません。

私のコードは次のとおりです。

遅延ロードされたモジュールを備えた単純なAngularアプリケーションに、ホバー時に機能の情報を表示する「pointermove」アニメーションを備えた単純なopenlayersマップが表示されます。
私が直面している問題は、マップモジュールに移動するたびにDOMノード数が増加し続け、別のモジュールに移動しても減少しないことです。
〜 70 の Dom ノードから始めて、そのモジュールを移動してから移動するたびに +30 ノードと FPS ドロップを取得します。5 ～ 6 回のナビゲーションの後、マップのパフォーマンスが大幅に低下します (ホバーしてポップアップを表示すると表示されます)。

マップ 1 から 2 に何度も移動し、DOM ノードが増加し続けました。

Angular バージョン: 12.0.1
Ol パッケージ: 6.5.0

angularアプリでopenlayersを使用するときに欠けているものはありますか?

編集: Stackblitz https://stackblitz.com/edit/github-neck6?file=src/app/app.component.ts

クリーンなプロジェクトを作成したとき、コードを単純化することで FPS の低下を取り除くことができましたが、DOM ノードが増え続けています。