title: AngularJS ng-src in ie8: image not loaded and "unsafe" added to path
body: <p>I just wanted to add an image to my app.
  As advised, I used the <strong>ng-src</strong> directive: </p>
  
  <pre><code>&lt;img ng-src="{{app.imgBig}}" alt="lorem ipsum" height="100" width="200" title="lorem ipsum" /&gt;
  </code></pre>
  
  <p>It works fine on most browsers but it doesn't on IE8.
  The image is not loaded as instead of adding the absolute url to the file name, it returns the relative path and adds "<strong>unsafe:</strong>" before it.</p>
  
  <p>Actually, it's trying to load:</p>
  
  <blockquote>
    <p>unsafe:img/test.jpg</p>
  </blockquote>
  
  <p>Instead of:</p>
  
  <blockquote>
    <p><a href="http://url_of_my_site.com/img/test.jpg" rel="nofollow">http://url_of_my_site.com/img/test.jpg</a></p>
  </blockquote>
  
  <p>So you know, it may be related to the fact I had to completely disable <strong>SCE</strong> to support IE7: </p>
  
  <pre><code>$sceProvider.enabled(false);
  </code></pre>
  
  <p>A quick fix was to create a base path constant and to add it at the beginning of the image path but it's not the best as the app shouldn't be dependent from this base path.</p>
  
  <p>Any idea ?</p>