How to clear template cache in angularjs

Question

In Angularjs, I have made many html pages for the project.But in one browser the html pages comes from cache so that I can't get new changes in that browser(doing refresh and hard refresh).

Sometime I get new changes in html after hard refresh the page and sometime I didn't get it.

Please give me some solution for it.

My sample for caching:-

mainApp.run(['$rootScope','$cacheFactory', function($rootScope,$cacheFactory) {
$cacheFactory.get('$http').removeAll()
.....
....
}

Answer 1

If you want to remove cached views from the code.

app.run(function($rootScope, $templateCache) {
    $rootScope.$on('$routeChangeStart', function(event, next, current) {
        if (typeof(current) !== 'undefined'){
            $templateCache.remove(current.templateUrl);
        }
    });
});