title: image not updating using ng-src in Angular
body: <p>In my controller, I call a service. This service makes a request to a PHP file that gives me a URL to an image.</p>
  
  <p>The reason for this is the image resides inside a "Media Vault" meaning I need to generate a hashed URL like so in order to view it:</p>
  
  <p><code>http://xxxx.vo.llnwd.net/o35/s/xxx/test/thumbs/slide1.jpg?e=1365006137&amp;h=5852aeaf5beeeebff05a601801b61568</code></p>
  
  <p>The URL above has already expired so you won't see anything from that specific link.</p>
  
  <p>My image tag is like so:</p>
  
  <p><code>&lt;img id="thumbnail" class="glow" ng-src="{{currentThumb}}" width="200" height="150"/&gt;</code></p>
  
  <p>currentThumb in my controller is:</p>
  
  <pre><code>$scope.currentThumb = ImageService.getImage({
      'type' : 'thumb',
      'index' : $scope.currentIndex + 1,
      'location' : $scope.location
  });
  </code></pre>
  
  <p>and my service looks like this:</p>
  
  <pre><code>app.factory('ImageService', function($http)
  {
      var image = null;
      return {
          promise:null,
          getImage: function($data)
          {
              this.promise = $http.post('resources/auth.php',$data, {timeout:20000}).success(function(response)
              {
                  image = response;
                  log(response);
              })
          }
      }
  });
  </code></pre>
  
  <p>The current ImageService successfully returns a URL (at least it shows the url in the console) and when clicking the log result in the console, the image loads fine. Any reason why the image isn't updating? </p>