Najlepszy sposób ręcznego wyczyszczenia $ templateCache w AngularJS

Question

Pracuję nad systemem, w którym wiele plików szablonów html jest używanych w całym systemie.

Problem polega na tym, że wdrażam aktualizacje, użytkownicy nie mogą zobaczyć zmian html, ponieważ ich przeglądarki używają ich wersji buforowanej. Do tej pory jedynym sposobem, w jaki mogę zachęcić użytkowników do oglądania aktualizacji html, jest zmuszenie ich do szybkiego przeładowania przeglądarki.

Z oczywistych powodów nie jest to idealne rozwiązanie. Gdy użytkownicy migrują do tego systemu, stało się to żmudnym obowiązkiem, upewniając się, że wszyscy wykonują tę czynność. Czy istnieje sposób, w jaki mogę zmusić przeglądarki do dostępu do systemu, aby wyczyścić pamięć podręczną szablonów zgodnie z moim poleceniem? Może ręcznie wyczyścić go po zalogowaniu się do systemu?

Answer 1

$templateCache.removeAll() jest dobry do usuwania szablonów cache

przykładowy kod

myApp.run(function($rootScope, $templateCache) { 
    $rootScope.$on('$viewContentLoaded', function() { 
     $templateCache.removeAll(); 
    }); 
}); 

Answer 2

Można użyć kątową-cache-buster wtyczki. Miałem też problem z ładowaniem buforowanych szablonów, a problem został rozwiązany za pomocą tej świetnej wtyczki.

https://github.com/saintmac/angular-cache-buster