Браузер не обнаруживает изменений в AngularJS

Question

Im разрабатывает приложение AngularJS, используя браузер IDE WebStorm и Safari.

Все работало отлично до сих пор, но я недавно инкапсулированные некоторые HTLM в шаблон, который я использую с помощью директивы:

.directive('referenceValue', [function ($scope) { 
    return { 
     restrict: 'E', 
     templateUrl: "views/citizenprofile/reference/reference.html", 
     controller: "referenceValueCtrl" 
    } 
}]) 

Я «вызов» директива нормальный путь, ничего фантазии <reference-value></reference-value>

Когда я редактирую reference.html, браузер только обнаруживает изменения в первом редактировании.. Если я отредактирую reference.html второй раз и обновить браузер, это изменение не будет обнаружено. Если я перезапущу браузер, изменение будет обнаружено снова. Поэтому мне нужно перезагрузить мой браузер каждый раз, когда я хочу отлаживать код HTML. Изменения в контроллере обнаруживаются при каждом редактировании.

Может ли кто-нибудь сказать мне, как исправить эту ошибку?

Answer 1

Вашего шаблона кэшируется. Есть несколько рабочих мест. Либо используйте инструменты разработчика Chrome, чтобы отключить кеш при открытии инструментов dev, либо используйте $templateCache.remove() в своем приложении.

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

Найти больше информации о удалении кэша шаблона here.

Answer 2

Если вы используете Google Chrome нажмите Ctrl + Шиф + J и на вкладке Сети проверки «Отключить кэш»

Надеется, что это помогает