Angular ng-src unable to load image while in --livereload (UPDATED )

What im trying to achieve :

When the user clicks on a image placeholder the image is downloaded from the server to the device (to a specific location) , the downloaded image path (From device) is then stored in the $scope and displayed to the user .

Below is my controller

.controller('NDetailCtrl', function($scope, $state,$stateParams,$ionicLoading,$ionicHistory,$timeout,$cordovaFile,$cordovaFileTransfer) {

    $scope.image = '';

    // triggered on click
    $scope.downloadFile = function(image) {

    var url = "http://app.example.org/uploads/"+image ;
    var filename = url.split("/").pop();

    var targetPath = cordova.file.externalRootDirectory+filename;
    var trustHosts = true;
    var options = {};


$cordovaFileTransfer.download(url, targetPath, options, trustHosts)
  .then(function(result) {

    // Success!

    console.log(JSON.stringify(result));

    $scope.resource =  result.nativeURL;
    // This return the file location as
    // file:///storage/emulated/0/[filename]
    $scope.image = true;

    console.log($scope.resource);

  }, function(error) {
    // Error
    alert('Error : Some Thing went wrong !');

  }, function (progress) {
    $timeout(function () {
      $scope.downloadProgress = (progress.loaded / progress.total) * 100;
    });
  });

};

})

I have whitelist config as well this one is inserted side deviceready event

$compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|file|blob|cdvfile|content):|data:image\//);

When I try to load the returned path using ng-src it doesn't display any thing , just a blank white space .

UPDATE : After rebuilding the app it is found that the issue persists only on ionic --livereload .


ANSWERS:


On livereload mode the app is served over a local server and it does not support any cordova device plugins like File , File browser etc...



 MORE:


 ? I keep getting an "Authentication Required" popup on Ripple Emulator preventing me from registering a new user with Parse
 ? file:/// path image from SD-Card not showing in ionic cordova
 ? file:/// path image from SD-Card not showing in ionic cordova
 ? file:/// path image from SD-Card not showing in ionic cordova
 ? How to update location in ionic from background?
 ? How to upload an image file from a file path in ionic/parse?
 ? Ionic Cordova AngularJS - Can't access file:// in iframe
 ? Can't preview Images on IonicView with Android
 ? Can't preview Images on IonicView with Android
 ? Can't preview Images on IonicView with Android