title: How to change img src in HTML using AngularJS without editing the HTML file?
body: <p>I have a website done using AngularJS and all the HTML code is loading from database. So we cannot edit the code. It's loading when the application running. But we can edit the JavaScript files. So I have to edit the img src link. Actually I have to add some main url part to it. How can I do this ? </p>
  
  <pre><code>&lt;img src="/img/logo.png"/&gt; to &lt;img src="http://demo.com/img/logo.png"/&gt;
  </code></pre>
  
  <p>This is how this has to be done. No id in the img tag too. Can we use Angular Directives ? And we cannot add anything in the HTML files. No directive name too. Please help me on this. Really stuck in here. </p>
  
  <p>update: the reason the html source can't be changed is because it is coming from an external source and is user generated. the users upload text that contains relative links that work when the pages are viewed statically. however when we load the text into our angular site, relative links no longer work, because the angular code and templates are on a different host than the user content and images.</p>
  
  <p>we would like to find a solution in angular.js directly, without resorting to manipulating the DOM using lower level javascript or jquery.</p>