Come visualizzare un'immagine locale: // in quadro ionico + cordova?

Question

Qualcuno sa come visualizzare le immagini locali, confezionate all'interno di un contenitore Cordova, usando Ionic (http://ionicframework.com/docs/)?

Attualmente sto ricevendo questo errore quando l'applicazione viene eseguita su un dispositivo:

GET non sicuro: locale: ///img/thumbs/myImage.jpg non gestita protocollo

mio Cordova app è costruita per BlackBerry 10 & Android con quadro ionico. L'applicazione visualizza un'immagine che è confezionato all'interno della app Cordova itselfusing la seguente configurazione:

<img ng-src="img/thumbs/{{img.path}}" ng-click="fooBar(img)"/> 

Perché questo errore accadendo?

Answer 1

Ho scoperto che si tratta di una limitazione attuale della struttura ionica relativa al supporto di BlackBerry 10. Ho registrato un bug qui: http://github.com/driftyco/ionic/issues/1066

Per risolvere questo problema, ho modificato manualmente la libreria ionica per includere il supporto per il protocollo locale.

Answer 2

Ho appena richiesto la richiesta ad Angular, perché è una limitazione angolare, non della struttura ionica. Potete vedere il pull-richiesta qui: https://github.com/angular/angular.js/pull/8787

Answer 3

emissione angolare

Sostituire seguenti righe nel ionic.bundle.js

var aHrefSanitizationWhitelist = /^\s*(https?|ftp|mailto|tel|file):/, 
    imgSrcSanitizationWhitelist = /^\s*((https?|ftp|file|blob):|data:image\/)/; 

a

var aHrefSanitizationWhitelist = /^\s*(https?|ftp|mailto|tel|file|local):/, 
    imgSrcSanitizationWhitelist = /^\s*((https?|ftp|file|blob|local):|data:image\/)/;