Empty cache and hard reset using angular js programmatically

Question

Is there a way to achieve Empty cache and hard reload of browser using angularjs or javascript programmatically.

I am not talking about clearing the cache of angularjs application but the browsers using angularjs

set `no-cache` header on server side where your application hosted.. — Pankaj Parkar, Feb 15 '16 at 12:26
i was wondering if there was a work around on the client side. — Sunil Lama, Feb 15 '16 at 12:33
This is possible duplicate of http://stackoverflow.com/questions/31850824/angularjs-force-browser-to-clear-cache (altough it doesn't have an answer at this moment in time) — Jim Aho, Feb 15 '16 at 12:47
clearing cache in angularjs application is onething, however i am talking about the whole browser empty cache and hard reload feature via angularjs, hope this clears the misunderstanding. — Sunil Lama, Feb 15 '16 at 12:49
this also discuss this topic: http://stackoverflow.com/questions/1922910/force-browser-to-clear-cache — iCediCe, Oct 28 '16 at 08:44

score 2 · Answer 1 · answered Sep 05 '18 at 19:09

inject $templateCache in your main controller and execute once function X

(function () {
  'use strict';
  angular.module('app.module.core').controller('LayoutCtrl', LayoutCtrl);
  LayoutCtrl.$inject = ['$rootScope', '$scope', '$http', '$templateCache', '$cacheFactory'];

  function LayoutCtrl($scope, $rootScope, $http,$templateCache, $cacheFactory) {

$scope.clearCache = function (){
        setTimeout(function() {
          $templateCache.removeAll();
               }, 5000);
 }()

Thanks have been looking for this for a while, works well ! – jic Apr 01 '21 at 18:10 — jic, Apr 01 '21 at 18:10

Empty cache and hard reset using angular js programmatically

1 Answers1