离子框架和angularjs imgcache在iOS设备上不起作用

Question

我已经构建了具有离子框架的混合应用程序。我使用了角度imgcache（https://github.com/jBenes/angular-imgcache.js/tree/master）来缓存从外部站点获取的图像。

我正在使用诸如以下代码：

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

它在命令行上在浏览器中起作用（使用'ionic serve'之后）。我已经在Ionic View iOS应用中对其进行了测试。现在，我将其创建并分发的xcodeproj用于测试，但是图像无法加载。

我什至还添加了cordova白名单插件并设置了metas以允许CORS请求。

有人还有其他想法可能是什么问题吗？

Answer 1

首先，请确保在ImgCacheProvider.manualInit = true;函数中将img缓存设置为手动初始化app.config。

第二步-在设备就绪事件发生后随时调用ImgCache.$init()（在您的情况下，在$ionicPlatform.ready函数中的某个位置）。

Answer 2

如果不访问HTTPS终结点，则可能会受益于检查.plist文件（位于platform / ios / {app_name} / {app_name} -Info.plist中）中的App Transport Security设置，对您有好处。

<?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>
来自此资源：Publishing an Ionic Angular App for iOS - The Hidden Steps & Pitfalls 。