Ionic framework e angularjs imgcache non funzionano su dispositivo iOS

Question

Ho costruito un'app ibrida con framework ionico. Ho utilizzato angg imache (https://github.com/jBenes/angular-imgcache.js/tree/master) per consentire la memorizzazione nella cache delle immagini recuperate da un sito esterno.

Sto usando codice come:

<img img-cache ic-src="{{src}}"/> 

E funziona a meraviglia in del browser (dopo aver usato 'ionica servire') sulla riga di comando. L'ho provato nell'app per iOS ionic view. Ora ho preso xcodeproj che crea e lo ho distribuito per il test ma le immagini non si caricano.

Ho persino aggiunto il plug-in whitelist cordova e impostato i metad per consentire le richieste CORS.

Qualcuno ha altre idee su quale potrebbe essere il problema?

Answer 1

Innanzitutto, assicurarsi di impostare la cache img su manuale init ImgCacheProvider.manualInit = true; nella funzione app.config.

Secondo passo - chiamare il numero ImgCache.$init() in qualsiasi momento dopo l'evento deviceready (nel vostro caso, da qualche parte nella funzione $ionicPlatform.ready).

Answer 2

Se non si accede a un endpoint HTTPS, si potrebbe beneficiare di verifica che le impostazioni App Trasporto valori nel file .plist (trovati nelle piattaforme/ios/{app_name}/{} app_name -Info.plist)

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs$ 
<plist version="1.0"> 
    <dict> 
    ... 
    <key>NSAppTransportSecurity</key> 
    <dict> 
     <key>NSAllowsArbitraryLoads</key> 
     <true/> 
    </dict> 
    </dict> 
</plist> 

Da questa risorsa: Publishing an Ionic Angular App for iOS - The Hidden Steps & Pitfalls.