Forcing a ng-src reload

Question

How can I force angularjs to reload an image with an ng-src attribute, when the url of the image has not changed, but its contents has?

Answer 1

An "angular approach" could be creating your own filter to add a random querystring parameter to the image URL.

Something like this:

.filter("randomSrc", function () {
    return function (input) {
        if (input) {
            var sep = input.indexOf("?") != -1 ? "&" : "?";
            return input + sep + "r=" + Math.round(Math.random() * 999999);
        }
    }
})

Then you can use it like this: