title: Image not found before angular has updated document
body: <p>I have an angular JS application, which has a number of images, from an array.</p>
  
  <p>My model looks something like this</p>
  
  <pre><code>$scope.images = [ {url: 'someimage.png', desc: 'some desc'}, {url: 'someimage.png', desc: 'some desc'} ]
  </code></pre>
  
  <p>In my view, I iterate over this, to display all the images.</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li ng-repeat="image in images" &gt;&lt;img src="{{image.url}}" /&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>This works, but I get some page errors, which say</p>
  
  <pre><code>404 Not Found - http://localhost/{{image.url}}
  </code></pre>
  
  <p>The images are displaying correctly, so it is clearly the images are trying to be loaded before Angular has parsed to document get it ready. My scripts are also in the head, so it should not be a javascript ordering error.</p>