Добавьте следующий раздел в вашу веб-конфигурацию. Вам нужно будет очистить текущий кеш браузера вручную, но в дальнейшем перезагрузка страницы будет работать,

  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Cache-Control" value="no-cache, no-store, must-revalidate" />
        <add name="Pragma" value="no-cache" />
        <add name="Expires" value="0" />
      </customHeaders>
    </httpProtocol>
  </system.webServer>

Краткое описание предоставленных вариантов

Первый и второй варианты.

// first one
$rootScope.$on('$stateChangeStart', function(event, next, current) {
    $templateCache.remove(current.templateUrl);
}); // doesn't work because $modal doesn't change state

// second one
$rootScope.$on('$viewContentLoaded', function() {
    $templateCache.removeAll();
}); // mess Bootstrap UI which adds default partials directly to the $templateCache

Вы, безусловно, не хотите произвольно очищать элементы от $templateCache, что похоже на то, что делали ваши первые два варианта. Тогда Angular придется снова и снова добавлять представления в templateCache.

Третий вариант:

$modal.open({
            templateUrl: '/app/components/your-modal.html?bust=' + Math.random().toString(36).slice(2),
            controller: 'YourModalController'
        }); // ugly and inefficient - I have to change multiple code blocks for every modal

Это фактически приведет к утечке памяти, потому что теперь у вас будет бесконечное количество шаблонов, добавляемых в $ templateCache.

Лучшие решения

Мой рекомендуемый ответ

Я бы рекомендовал переименовать ваш файл template.html, чтобы иметь уникальные идентифицируемые имена.

< EM> т.е . modalTemplate_alertModal.html, modalTemplate_newEmployeeModal.html ...

Тогда вы действительно сможете использовать преимущества $templateCache и повысить производительность.

Если вы абсолютно не можете переименовать файлы template.html.

В этом случае вы можете удалить конкретный шаблон из templateCache, прежде чем открывать модальный.

//Get TemplateURL
var TemplateURL = APP_CONFIG.TPL_PATH + '/path/template.html';

//Remove Cached ModalTemplate
$templateCache.remove(TemplateURL);

//Open Modal
var modalInstance = $modal.open({
        templateUrl: TemplateURL,
        controller: 'TemplateController'//...
});

У меня может быть статический заголовок (т.е. <h2>Create new entry</h2>). А затем изменить его (_ <h2>Create new user entry</h2>). Если бы я ранее просматривал модал, я бы не получил обновленный заголовок без очистки кеша.

Основываясь на этом утверждении, вы действительно хотите использовать controller и $scope для обновления этих значений.

<h2>{{modalHeader}}</h2>

Затем, где бы вы ни определяли, какой заголовок должен быть обновлен, его значение

$scope.modalHeader = "Create new user entry";

Помните, что angularjs компилирует и управляет DOM, единственный способ правильно изменить значения DOM - использовать directives.