title: Image path in AngularJs
body: <p>I have a image path in AngularJs <code>$scope</code> variable <code>imageUrl</code>, which comes from external source.</p>
  
  <p><a href="http://farm6.staticflickr.com/5579/14671096893_806ec359b7_m.jpg" rel="nofollow">http://farm6.staticflickr.com/5579/14671096893_806ec359b7_m.jpg</a></p>
  
  <p>I am trying to get the image on HTML page.</p>
  
  <pre><code>&lt;img ng-src="{{imageUrl}}"&gt;
  </code></pre>
  
  <p>But when I am trying to run this in firefox, it is giving me error</p>
  
  <pre><code>"NetworkError: 403 Forbidden - http://localhost/demo/view/html/%5B%22http://farm6.staticflickr.com/5579/14671096893_806ec359b7_m.jpg%22%5D"
  </code></pre>
  
  <p>Its taking root path of project.
  How can I make some changes to show image on the web page?</p>