title: Adding images with Angular JS
body: <p>Hi I am new to angular js, the app I am working on uses it. But I have stumbled into a problem... (I mainly do html/css) when adding images to the markup the regular way they dont show up:</p>
  
  <pre><code>&lt;img src="image/source/image.png"/&gt;
  </code></pre>
  
  <p>So I did the following to the controller file: </p>
  
  <pre><code>  subscriptionControllers.controller('imagesController', function($scope) {
    $scope.image = [{
      src: 'image/source/image.png',
    }];
  });
  </code></pre>
  
  <p>then added to the html: </p>
  
  <pre><code>&lt;img ng-src="{{image}}"/&gt;
  </code></pre>
  
  <p>But still nothing is showing up. </p>
  
  <p>Any help with this is greatly appreciated, thank you!</p>
  
  <p>EDIT:</p>
  
  <p>Yes the image exists, and the path is correct
  When I look at the console it shows the image as a:
  image.png%22%7D]
  /subscription/images</p>
  
  <p>so it is adding %22%7D to the image I don't know why, if I click the image link in the console it takes me to a 404 page. </p>
  
  <p>Edit:
  I no longer think this is the problem, when I look at the console and click the images tab, it displays the image as type: html/text I am not sure why it is doing this, any clue?</p>