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.
-
This is already answered here.user6408463– user64084632016-07-05 06:27:55 +00:00Commented Jul 5, 2016 at 6:27
-
Possible duplicate of Angular IE Caching issue for $httpOcaso Protal– Ocaso Protal2017-05-23 08:54:55 +00:00Commented May 23, 2017 at 8:54
Add a comment
|
4 Answers
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';
}]);
4 Comments
guy mograbi
I recommend not using Pragma one. it's not a standard (apparently) and may cause problems with Cross Origin requests. Just finished a 2 hour debug session with friends to understand that was the cause of the problem.
Schoof
@guymograbi What do you recommend then?
guy mograbi
@Schoof does the problem still occur if you simply remove Pragma?
Ranjith
on chrome back button I use to get json bcoz of the same URL, from the above code I solved it Thank you!!
Here is what I did, simply change it to
$http.get("myurl",{headers:{'Cache-Control': 'no-cache'}})
Comments
try like this
$state(' 'app.name', {
url: '/name',
cache: false,
controller:'MainCtrl',
templateUrl:'templates/name.html'
})
1 Comment
tatmanblue
not sure how this answer applies. The question is about http get. not templates.
myApp.config(function ($routeProvider) {
$routeProvider.
when('/', {controller: 'MyCtrl', templateUrl: '/eshop/myConfig'})
})
.controller('MyCtrl', function ($scope, $templateCache) {
$templateCache.remove('/eshop/myConfig');
// or
$templateCache.removeAll();
});
i didn't test it.i found something in this url.Have a look at this Angularjs - how to clear $routeProvider's caches of templateUrl
