使用angularjs缓存图像而不插件

Question

<img src="http://assets.example.com/static/thumb_{{selected}}.jpg"/>

我选择的模型是动态的，我可以正确加载img但是如何缓存每张照片，因为我注意到当我将新值应用到selected时有延迟。

Answer 1

角   .module（'demo'，[     'ngImageCache'   ]） ;

注意：图像使用javascript加载，内容存储在sessionStorage中以供下次加载

使用包npm install ng-image-cache

Answer 2

最简单的方法是在您的控制器中执行此操作：

angular.module('app').controller('myController', function(images) {
    var preload = {};
    angular.forEach(images, function(image, i) {
        preload[i] = new Image()
        preload[i].src = "http://assets.example.com/static/thumb_" + image + ".jpg";
    });
});