title: Open two iframes without full reload of the second iframe
body: <p>I have an AngularJS application which runs under an iframe in a different website. I have the code of the website.<br>
  I need to open a new iframe to the same AngularJS application but to a different route. I don't want to load all the application again in the new iframe. I am looking for something that will duplicate existing instance of a window content, or maybe open a new iframe of the same application without loading the whole app again.<br>
  Here is the code explanation:<br>
  I have this html page:</p>
  
  <pre><code>&lt;div&gt;
     &lt;iframe src="www.myapp.com/books"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>www.myapp.com/books is an AngularJS application so it loads a lot of dependencies, execute a lot of code and make a few backend calls. I want to add a button that it's click will open another iframe to the html page:</p>
  
  <pre><code> &lt;div&gt;
     &lt;iframe src="www.myapp.com/books"&gt;&lt;/iframe&gt;
     &lt;iframe src="www.myapp.com/names"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The new iframe will open the same app but different route. Unfortunately this will cause a full loading of the application for the same iframe, and I am looking for a way to prevent this. Like cloning the same instance of the iframe and route to the new location without a full reload..</p>
  
  <p>Any idea?</p>