Question

我有主页，其中包含2个图像的列表，我已经给出了控制器和Html代码。每次主页图像从后端加载我想在本地缓存图像以避免每次http请求和每周一次或10天一旦我想从后端检查后端图像是否已更改，我需要更新此缓存图像。我已经按照一些例子但我无法解决这个问题，因为我是这项技术的新手，有人帮助我前进

.controller('TestCtrl', [
    '$scope', '$http', '$location', '$window', '$ionicLoading',
    function($scope, $http, $location, $window, $ionicLoading) {
	       
        $scope.find = function() {
	     $http.get('****').success(function(data, status, headers, config, response) {
                
                $scope.image1 = data[0].Images1;
                $scope.image2 = data[1].Images2;
                
            })
        }
           
    }
])

<ion-view  title="Home" data-ng-controller="TestCtrl" data-ng-init="find()">	
<ion-content>

<div class="list card">
  <div class="item item-image">
     <img src="{{image1}}">
  </div>
</div>
<div class="list card">
  <div class="item item-image">
     <img src="{{image2}}" >
  </div>
</div>
</ion-content> 
</ion-view >

我正在拿到控制台图像1：http://res.cloudinary.com/dl34322/image/upload/q_58/v1437810617/store1.png 图像2：http://res.cloudinary.com/dl34322/image/upload/q_58/v1437810617/store2.png

Answer 1

如果您不想自己实现所有其余的（如LRU或缓存大小限制等），您可能需要考虑更完整的解决方案以下是2个选项：

通用Ioinc缓存：https://github.com/Nodonisko/ionic-cache
另一种可能更适合图像的缓存：https://github.com/BenBBear/ionic-cache-src

请参阅：ionic 2 caching images

如何使用Angularjs离子缓存图像？

1 个答案: