title: Angular - I need avoid the destroy of the component
body: <p>I have a component with an <code>&lt;iframe&gt;</code> element inside.</p>
  
  <p>This component is called for a route.</p>
  
  <p>When the component is called, the <code>&lt;iframe&gt;</code> element reloads the content, but I need load this content only once. For this, I will need to cancel the destroy of this component.</p>
  
  <p>I tried moving this <code>&lt;iframe&gt;</code> to <code>&lt;body&gt;</code> element when the <code>onDestroy</code> is called and reuse this when this component is called again, but when you move an <code>&lt;iframe&gt;</code> to another parent, his content is reloaded.</p>
  
  <p>Does someone have an idea of how do this?</p>