这个代码片段帮助我摆脱了模板缓存

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

以下片段的详细信息可在此链接中找到: http://oncodesign.io/2014/02/19/safely-prevent-template-caching-in-angularjs/

我发布这篇文章只是为了涵盖所有的可能性，因为其他的解决方案都不适合我(他们由于角引导模板依赖而抛出错误)。

当你在开发/调试一个特定的模板时，你可以确保它总是通过在路径中包含一个时间戳来刷新，就像这样:

       $modal.open({
          // TODO: Only while dev/debug. Remove later.
          templateUrl: 'core/admin/organizations/modal-selector/modal-selector.html?nd=' + Date.now(),
          controller : function ($scope, $modalInstance) {
            $scope.ok = function () {
              $modalInstance.close();
            };
          }
        });

注意templateUrl变量中最后的?nd=' + Date.now()。

正如在其他答案中提到的，这里和这里，缓存可以通过使用:

$templateCache.removeAll();

然而，正如gateatigrado在评论中所建议的那样，这只在html模板没有任何缓存头的情况下才会起作用。

这对我来说是可行的:

角:

app.run(['$templateCache', function ( $templateCache ) {
    $templateCache.removeAll(); }]);

您可能会以各种方式添加缓存头，但这里有几个解决方案适合我。

如果使用IIS，请将此添加到web.config中:

<location path="scripts/app/views">
  <system.webServer>
    <staticContent>
      <clientCache cacheControlMode="DisableCache" />
    </staticContent>
  </system.webServer>
</location>

如果使用Nginx，你可以添加到你的配置:

location ^~ /scripts/app/views/ {
    expires -1;   
}

Edit

我刚刚意识到这个问题提到了开发机器，但希望这仍然可以帮助到一些人……

正如其他人所说，完全出于开发目的而击败缓存可以很容易地做到，而不需要更改代码:使用浏览器设置或插件。在dev之外，要想打败Angular对基于路由的模板的模板缓存，可以在$routeChangeStart(或$stateChangeStart，对于UI Router)期间从缓存中删除模板URL，就像Shayan演示的那样。但是，这并不影响ng-include加载的模板的缓存，因为这些模板不是通过路由器加载的。

I wanted to be able to hotfix any template, including those loaded by ng-include, in production and have users receive the hotfix in their browser quickly, without having to reload the entire page. I'm also not concerned about defeating HTTP caching for templates. The solution is to intercept every HTTP request that the app makes, ignore those that are not for my app's .html templates, then add a param to the template's URL that changes every minute. Note that the path-checking is specific to the path of your app's templates. To get a different interval, change the math for the param, or remove the % completely to get no caching.

// this defeats Angular's $templateCache on a 1-minute interval
// as a side-effect it also defeats HTTP (browser) caching
angular.module('myApp').config(function($httpProvider, ...) {
    $httpProvider.interceptors.push(function() {
        return {
            'request': function(config) {
                config.url = getTimeVersionedUrl(config.url);
                return config;
            }
        };
    });

    function getTimeVersionedUrl(url) {
        // only do for html templates of this app
        // NOTE: the path to test for is app dependent!
        if (!url || url.indexOf('a/app/') < 0 || url.indexOf('.html') < 0) return url;
        // create a URL param that changes every minute
        // and add it intelligently to the template's previous url
        var param = 'v=' + ~~(Date.now() / 60000) % 10000; // 4 unique digits every minute
        if (url.indexOf('?') > 0) {
            if (url.indexOf('v=') > 0) return url.replace(/v=[0-9](4)/, param);
            return url + '&' + param;
        }
        return url + '?' + param;
    }

没有解决方案可以防止浏览器/代理缓存，因为您无法控制它。

另一种方式，强制新鲜内容给您的用户它重命名HTML文件!就像https://www.npmjs.com/package/grunt-filerev对资产所做的那样。

如果你谈论的是用于模板缓存而不需要重新加载整个页面的缓存，那么你可以通过如下方式清空它:

.controller('mainCtrl', function($scope, $templateCache) {
  $scope.clearCache = function() { 
    $templateCache.removeAll();
  }
});

在标记中:

<巴顿ngk -click=“clearCache()”>清廉缓存</按钮>

并按此按钮清除缓存。