Clearing cache when version changes using oclazyload

Question

I am using oclazyload in my angular app, also I am setting version in my app. So whenever version number changes I need to clear the cache. is there any method to implement that?

angular.module('app')
    .run(['$rootScope',function ($rootScope) {
          $rootScope.appVersion = 1.5;
        }])

    .config(['$ocLazyLoadProvider', function($ocLazyLoadProvider) {
        $ocLazyLoadProvider.config({
            debug: false,
            events: true,
            modules: [{
                    name: 'isotope',
                    files: [
                        'assets/plugins/imagesloaded/imagesloaded.pkgd.min.js',
                        'assets/plugins/jquery-isotope/isotope.pkgd.min.js'
                    ]
                }
           ]
        });
    }]);

score 1 · Answer 1 · answered Dec 18 '17 at 15:16

1

You can add the files with the version timestamp like this:

files: [{ type: 'js', path: 'assets/plugins/imagesloaded/imagesloaded.pkgd.min.js?v=' + version }]

answered Dec 18 '17 at 15:16

Daniel Aparicio

43
5

score 0 · Answer 2 · answered Apr 28 '17 at 07:54

you could use 'cache' parameter. The parameter cache: false works for all native loaders (all requests are cached by default by the browser). If you use it, the loaders will append a timestamp to the url in order to bypass the browser cache:

$ocLazyLoad.load({
 cache: false,
 files: ['testModule.js','bower_components/bootstrap/dist/js/bootstrap.js']

});

reference : angular ocLazyLoad

Clearing cache when version changes using oclazyload

2 Answers2