title: ng-src for local images
body: <p>I have an AngularJS project and I am trying to show an image from local folder. 
  My folder hierarchy is like this:</p>
  
  <pre><code>--app(folder)
  -----controllers(folder)
  -----services(folder)
  -----views(folder)
  --------images(folder)
  -----------image1.jpg
  -----------image2.jpg
  -----------image3.jpg
  --------persons.html
  --------departments.html
  --index.html
  </code></pre>
  
  <p>I have in image address in <code>personsController.js</code>:</p>
  
  <pre><code>$scope.fooImageAddress='images/image1.jpg';
  </code></pre>
  
  <p>and in <code>person.html</code>:</p>
  
  <pre><code>&lt;img ng-src="{{ fooImageAddress}}" alt="here should be an image"/&gt;
  </code></pre>
  
  <p>And nothing shows, just <code>alt</code> message if <code>img</code>. 
  What can I do?</p>
  
  <p>I've read <a href="https://stackoverflow.com/questions/24858200/ng-src-not-working-for-locally-stored-image">this</a> question, <a href="https://stackoverflow.com/questions/32747964/inangularjs-ng-src-for-img-doesnt-show-for-local-files">this</a> and <a href="https://stackoverflow.com/questions/34857523/ng-src-not-working-for-local-url-in-public-folder">this</a>, and tried suggestions, nevertheless there is no result.</p>