title: Angular rerenders when user hovers over Openlayers map
body: <p>I am using Openlayers 6 in my project alongside Angular 8.
  And up until now i noticed that whenever i hover over Openlayers map, Angular component, where the map is located, gets re-rendered. </p>
  
  <p>My question is how do i make parent component stop re-rendering on that hover all the time. Because it slows down the app. I have a much bigger component in my project and making everything re-render because of this, will make the app itself slower.</p>
  
  <p>For this purpose i created a repo to demonstrate this: <a href="https://github.com/petrovichm/angular-openlayers-hover-problem" rel="nofollow noreferrer">https://github.com/petrovichm/angular-openlayers-hover-problem</a>.
  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.</p>
  
  <p>I wanted to create online runnable with plunker or codesanbox but when i make this example window freezes because there is endless loop in re-render, which makes them unusable, that doesn't happen really when i run this project locally, it only happens on hover</p>
  
  <p>Thanks.</p>