title: Setting image src to file_uri angular ripple
body: <p>First of, i am a newbie to Angular/ionic. I am trying to learn how to use native features using plugins, the camera plugin to be specific.</p>
  
  <ul>
  <li><p>I am currently testing my code on ripple emulator ( i am still a
  newbie and far away from actual device testing)</p>
  
  <p>the platform is ios (not sure if switching to android would make a
  difference)</p></li>
  </ul>
  
  <p>The ripple emulator shows me a screen with file selection dialog when i call the getpicture function and returns a URI for the image selected.</p>
  
  <p>Here is my problem:
  I set image src to the ImageURI (blob:http%3A//localhost%3A4400/df84a835-ed01-41ea-a58e-bdc171a22e87), but the image fails to show up. I don't think its an issue with data binding/resolving, coz if i hardcode a url instead of imageuri, then the code works as expected. </p>
  
  <p>Any suggestions/pointers would be appreciated.</p>
  
  <p><strong>UPDATE 1</strong></p>
  
  <p>First off, thank you so much guys for taking the time to help me!! Unfortunately, none of these seem to work :( BTW, the platform is cordova, not ios. Sorry for that mistake. The funny thing is that, if i open the blob url in my browser, then i am able to see the image. But not in the emulator. Here are the screenshots, if that would help: <a href="http://tinypic.com/r/w8nvjq/8" rel="nofollow">link</a> <a href="http://tinypic.com/r/nfinpw/8" rel="nofollow">link</a> Thanks once again!!</p>
  
  <p>HTML:</p>
  
  <pre><code>          &lt;img ng-hide="ImagePreview == null"  ng-src="{{ImagePreview}}"&gt;
  </code></pre>
  
  <p>CONTROLLER:</p>
  
  <pre><code>           $scope.GetImageCamera = function() {
             var CameraOptions = {
              quality : 75,
              destinationType : Camera.DestinationType.FILE_URI,
              sourceType : Camera.PictureSourceType.CAMERA,
              allowEdit : true,
              encodingType: Camera.EncodingType.JPEG,
              targetWidth: 100,
              targetHeight: 100,
              popoverOptions: CameraPopoverOptions,
              saveToPhotoAlbum: true
          };
  
          $cordovaCamera.getPicture(CameraOptions).then(function(imageURI) {
              $scope.ImagePreview = imageURI;
              $scope.$apply();
          }, function(err) {
             alert("Error!");
          });
      };
  </code></pre>