Issue display image downloaded using cordova file transfer plugin

I am building an app using Ionic and use cordova file transfer
plugin. Here my code to download image file from remote location. This
works file.

options = {};
url = "";
var targetPath = cordova.file.dataDirectory + "a.jpg";
var trustHosts = true;
$, targetPath, options, trustHosts)
.then(function(entry) {
        value = angular.toJson(entry.nativeURL);
        $scope.imgFile = entry.toURL();
        $scope.i2 =    entry.toInternalURL(); 
}, function(err) {
    // Error
}, function (progress) {
    $timeout(function () {
      $scope.downloadProgress = (progress.loaded / * 100;

My first console.log give me local downloaded image path which is:

Second console.log give me following url : cdvfile://localhost/library-nosync/a.jpg

I checked my first url in browser and it display downloaded image.

My problem is I none of these urls are display image in view. Here my code in view to display image:

<img ng-src="/a.jpg"> 
<img ng-src="{{i1}}"> 
<img ng-src="{{i2}}">

Can you please point me what i am doing wrong?

Have you found a solution to your problem?

Please am having the same issue…any help is most appreciated…

entry.toURL(); is worked for me on ios device but i have to add
<allow-intent href="file://*/*"/>
to config.xml.

note: on ios simulator images not displayed.