Disabling AngularJS $http cache

Question

I'm trying to disable the cache in my AngularJS app, but it isn't working with the following code:

$http.get("myurl",{cache:false})

When I use "myurl&random="+Math.random(), the cache is disabled; but, I'd like a different approach.

Answer 1

This is already answered here.

Pasting code snippet from the link for your reference.

myModule.config(['$httpProvider', function($httpProvider) {     //initialize get if not there     if (!$httpProvider.defaults.headers.get) {         $httpProvider.defaults.headers.get = {};         }          // Answer edited to include suggestions from comments     // because previous version of code introduced browser-related errors      //disable IE ajax request caching     $httpProvider.defaults.headers.get['If-Modified-Since'] = 'Mon, 26 Jul 1997 05:00:00 GMT';     // extra     $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';     $httpProvider.defaults.headers.get['Pragma'] = 'no-cache'; }]); 

Answer 2

Here is what I did, simply change it to

 $http.get("myurl",{headers:{'Cache-Control': 'no-cache'}})