title: Angular: caching of images when using img ng-src in firefox seems broken
body: <p>I'm working on a real-time photosharing website. It allows users across the world to look at photos together and post comments on them, with a real-time view of who is looking at what. </p>
  
  <p>I used to use jQuery DOM manipulation (insertion of <code>&lt;img&gt;</code> tags) to show different images based on what the user clicked, and recently replaced this presentation logic with an Angular controller with an ng-src directive.</p>
  
  <p>The logic works overall, but I noticed that on Firefox, Angular makes a GET request every single time I change the ng-src value, when I expect that image to be cached on the browser.</p>
  
  <p>If you go here: <a href="http://dev14-www.photozzap.com/conference/j4bxpt3n" rel="nofollow">http://dev14-www.photozzap.com/conference/j4bxpt3n</a> , then open up Firebug / Net view, and switch back and forth between two photos, you will see that it makes GET requests for the image even though those images should be in the cache.</p>
  
  <p>The impact is that the user will see some lag between the time they click on a photo and the time it actually displays.</p>
  
  <p>On Chrome, the Developer / Net view clearly shows that the image is pulled from the cache when switching back and forth between images.</p>
  
  <p>Can my code be fixed to allow images to be cached on Firefox or is there an Angular issue there ? Chrome seems to be doing the right thing. </p>