Ionic Framework und angularjs imgcache funktioniert nicht auf iOS-Gerät

Question

Ich habe eine Hybrid-App mit ionischen Rahmen gebaut. Ich habe angular imgcache (https://github.com/jBenes/angular-imgcache.js/tree/master) verwendet, um das Zwischenspeichern von Bildern zu erlauben, die von einer externen Site geholt wurden.

I-Code verwenden wie:

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

Es eine Behandlung in Browser funktioniert (nach 'ionischem dienen' verwenden) auf der Kommandozeile. Ich habe es in ionic view iOS App getestet. Ich habe jetzt die xcodeproj, die es erstellt und verteilte es zum Testen, aber die Bilder werden nicht geladen.

Ich habe sogar das Cordova Whitelist-Plugin hinzugefügt und Metas gesetzt, um CORS-Anfragen zu ermöglichen.

Hat jemand andere Ideen, was das Problem sein könnte?

Answer 1

Stellen Sie zunächst sicher, dass Sie den Img-Cache auf die manuelle Initialisierung ImgCacheProvider.manualInit = true; in Ihrer app.config-Funktion setzen.

Zweiter Schritt - ruft ImgCache.$init() jederzeit nach deviceready Ereignisse (in Ihrem Fall irgendwo in der $ionicPlatform.ready-Funktion).

Answer 2

Wenn Sie nicht einen HTTPS-Endpunkt zugreifen, können Sie von der Überprüfung profitieren, dass Ihre App Transport Sicherheitseinstellungen in der .plist-Datei (in Plattformen/ios/{app_name} gefunden/{} 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> 

Von dieser Ressource: Publishing an Ionic Angular App for iOS - The Hidden Steps & Pitfalls.