Ionic framework và angularjs imgcache không hoạt động trên thiết bị iOS

Question

Tôi đã xây dựng một ứng dụng lai với khung công tác ion. Tôi đã sử dụng imgcache góc (https://github.com/jBenes/angular-imgcache.js/tree/master) để cho phép lưu vào bộ nhớ cache của hình ảnh được tìm nạp từ một trang web bên ngoài.

Tôi đang sử dụng mã như:

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

Nó hoạt động một điều trị trong trình duyệt (sau khi sử dụng 'ion phục vụ') trên dòng lệnh. Tôi đã thử nghiệm trong ứng dụng iOS ionic view. Tôi hiện đang dùng xcodeproj mà nó tạo và phân phối nó để thử nghiệm nhưng hình ảnh không tải.

Tôi thậm chí đã thêm plugin danh sách trắng cordova và đặt metas để cho phép yêu cầu CORS.

Có ai có bất kỳ ý tưởng nào khác về vấn đề này không?

Answer 1

Trước tiên, hãy đảm bảo bạn đặt bộ nhớ cache img thành thủ công init ImgCacheProvider.manualInit = true; trong chức năng app.config của bạn.

Bước thứ hai - gọi ImgCache.$init() bất kỳ lúc nào sau sự kiện deviceready (trong trường hợp của bạn, ở đâu đó trong chức năng $ionicPlatform.ready).

Answer 2

Nếu bạn không truy cập vào một thiết bị đầu cuối HTTPS, bạn có thể được hưởng lợi từ việc kiểm tra các thiết lập ứng dụng Giao thông vận tải bảo mật của bạn trong file plist (tìm thấy trong các nền tảng/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> 

Từ tài nguyên này: Publishing an Ionic Angular App for iOS - The Hidden Steps & Pitfalls.