Handle version of files in AngularJS

Question

I would like to know if exists any way to add a suffix like

'app/account/script.js?v=1.0',
'app/account/style.css?v=1.0',

to all requests in AngularJS, including to css and js files.

Using interceptors we can do something like this Angular template versioning

But unforntunelly that isn't a solution for me.

Thanks

Exactly, I want to invalidate browser cache using AngularJS

jliznaga
– jliznaga

2018-09-24 20:23:43 +00:00
Commented Sep 24, 2018 at 20:23 — jliznaga
– jliznaga, Commented Sep 24, 2018 at 20:23

jliznaga · Accepted Answer · 2018-09-24 21:21:57Z

1

I solved with this

First in your app.js

app.value('version', '1.0.0');

then we add a new directive

app.directive('disableCache', function(version) {
    return {
        restrict: 'A',
        replace: false,
        link: function(scope, elem, attr) {
            attr.$set("src", attr.src +  "#v=" + version);
        }
    };
});

and we update our html

<script src="scripts/js/filters.js" disable-cache></script>

and will be

<script src="scripts/js/filters.js#v=1.0.0" disable-cache=""></script>

answered Sep 24, 2018 at 21:21

jliznaga

112 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Handle version of files in AngularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related