title: Set default image before actual image is loaded
body: <p>In my application, several images are loaded, however when the view is opened, you can clearly see each image being loaded, by this I mean the top half of the image appears and it keeps increasing till the full image is displayed. I do not want this.</p>
  
  <p>My images are inside an <code>ng-repeat</code>, what i want to do is when the page is loaded all images are set to a default image that comes bundled with the app. Now after my function has returned all new image URLs and those images have been fully loaded then they should replace the default images.</p>
  
  <p>So basically like this:</p>
  
  <ol>
  <li>Open view</li>
  <li>Set all images to <code>default.jpg</code></li>
  <li>Get data.</li>
  <li>Wait for new images to load fully.</li>
  <li>Replace default images with new image URL fetched from the server.</li>
  </ol>
  
  <p>I have never done this before and do not know how to go about it.</p>