title: Using external url in ng-include in AngularJS
body: <p>I have a problem in hand in AngularJS and need some pointers.</p>
  
  <p>I have a view where I want to embed an external url (e.g. <a href="http://www.w3schools.com" rel="noreferrer">http://www.w3schools.com</a>). The embeded html page should respond to events like click and touch like a normal html page.</p>
  
  <p>I have used ng-include directive to get that working.</p>
  
  <p>Here is a code snippet:</p>
  
  <pre><code>    &lt;ion-content&gt;
         &lt;div ng-include src="'http://www.w3schools.com'"&lt;/div&gt;
      &lt;/ion-content&gt;
  </code></pre>
  
  <p>If I load the external html, I am getting the external webpage loaded, but all the links inside the page are broken. If I click on any link inside the loaded page, all links point to localhost now instead of the external url.</p>
  
  <p>How can I fix this problem?</p>
  
  <p>Thank in advance!</p>