Угловая нг-Src не удалось загрузить изображение в --livereload (ОБНОВЛЕНО)

Question

Что им пытаются достичь:

Когда пользователь нажимает на изображение заполнителем изображение загружается с сервера на устройство (в определенное место), путь загруженного изображения (от устройства) затем сохраняется в области $ scope и отображается пользователю.

Ниже мой контроллер

.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; 
    }); 
    }); 

}; 

}) 

У меня есть белый список конфигурации, а это один вставляется сбоку deviceready событие

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

При попытке загрузить возвращаемый путь, используя нг-Src Безразлично» t показать любую вещь, просто пустое пространство.

ОБНОВЛЕНИЕ: После восстановления приложения выяснилось, что проблема сохраняется только на ионной загрузке.

Answer 1

В режиме загрузки в режиме приложения приложение обслуживается через локальный сервер, а не поддерживает никаких плагинов устройства cordova, таких как File, File browser и т. Д..