title: Angular DOM Elements that are not destroyed
body: <p>I have been building an web application on Angular and I had an issue with the performance when I create dynamic elements trough a directive. I don't know how to clear up my old elements.</p>
  
  <p>Here is an example what's going on exactly.</p>
  
  <p><a href="https://stackblitz.com/edit/angular-am1w1o" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-am1w1o</a></p>
  
  <p>If you check the performance monitor, you will see that the DOM Nodes are increasing and I have no idea how to clear up them. any ideas :)</p>
  
  <p><a href="https://i.stack.imgur.com/3rKLH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3rKLH.png" alt="enter image description here"></a></p>
  
  <p>(I had issues with the previous example, but it is alright now)
  Thanks in advance.</p>