title: AngularJS dynamic image sources
body: <pre><code>&lt;img src="{{ twt.display }}"/&gt;
  </code></pre>
  
  <p>I have the above image tag where the src is in the scope but when I look at the browser console log it shows the following</p>
  
  <blockquote>
    <p>Resource interpreted as Image but transferred with MIME type
    text/html: "<a href="http://example.com/%7B%7Btwt.display%7D%7D" rel="noreferrer">http://example.com/%7B%7Btwt.display%7D%7D</a>".</p>
  </blockquote>
  
  <p>The images do show as intended but I wanted to know if there was a way of stopping this message appearing?</p>